js中的代码看不懂，是嵌套到表格中的，希望牛人帮忙看下

<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%> 
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
 
<html> 
<head> <%
String  anum=request.getSession().getAttribute("curuser").toString() ;
String fs = request.getParameter("fs");



System.out.println(anum);
String adid="";
%>

<title>借阅审批</title>
<style>
.xinghao {
display:block;margin-top:5px;color: #FF8102
}
form {
margin:0 auto;
padding:0 auto;
}
</style>


<link rel="stylesheet" type="text/css" href="./gt-grid/gt_grid.css" />
<link href="Styles/Global.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Login.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./gt-grid/gt_msg_cn.js"></script>
<script type="text/javascript" src="./gt-grid/gt_grid_all.js"></script>
<script type="text/javascript">  var apid;
apid='{33BAD133-4617-4508-9D17-AAF73349B73E}';var dsConfig1 = {
fields : [
{name : "f10", type: "string", index : "f10"},
{name : "f11", type: "string", index : "f11"},
{name : "f13", type:"string", index : "f15"},
{name : "f15", type:"string", index : "f15"}
]
}
var colsConfig1 = [
{ id : "f10", header : "姓名", fieldName : "f10",width : 220},
{ id : "f11", header : "意见", fieldName : "f11",width : 220},
{ id : "f12", header : "处理状态", fieldName : "f12",width : 120},
{ id : "f13", header : "处理结果", fieldName : "f13",width : 120}
];
var gridConfig1={   
    id : "grid2",   
    dataset : dsConfig1 ,   
    columns : colsConfig1 ,   
    container : 'grd02',    
    toolbarPosition : 'bottom',   
     pageSize : 10 ,
     toolbarContent : 'nav | goto | pagesize | state' ,
     pageSizeList : [5,10,15,20] ,
     loadURL : 'showjysp.do?did='+apid,   
     remotePaging : false
     
};  
var mygrid2=new GT.Grid( gridConfig1 );GT.Utils.onLoad( GT.Grid.render(mygrid2));var dsConfig = {
fields : [
    {name : "f13", type: "string", index : "f13"},
{name : "f10", type: "string", index : "f10"},
{name : "f19", type: "string", index : "f19"},
{name : "f11", type: "string", index : "f11"},
{name : "f15", type:"string", index : "f15"},
{name : "f16", type:"string", index : "f16"},
{name : "f17", type:"string", index : "f17"},
{name : "f18", type:"string", index : "f18"}
]
}
var colsConfig = [
        { id : "f13", header : "公司名称", fieldName : "f13",width : 200},
        { id : "f19", header : "借阅人", fieldName : "f19",width : 110},
{ id : "f10", header : "档号", fieldName : "f10",width : 220},
{ id : "f11", header : "题名", fieldName : "f11",width : 220},
{ id : "f15", header : "责任者", fieldName : "f15",width : 120},
{ id : "f16", header : "借阅方式", fieldName : "f16",width : 120},
{ id : "f17", header : "截止时间", fieldName : "f17",width : 120},
{ id : "f18", header : "处理结果", fieldName : "f18",width : 120},
{ id : "showd", header : "档案详细信息", width : 120, renderer : function(value ,record,columnObj,grid,colNo,rowNo){   
            return '<a href="showgrd.do?cat=det&mlsid=datatable31&keyword='+record['pid']+'" >档案详细信息</a>'; }
           
}
];
var gridConfig={   
    id : "grid1",   
    dataset : dsConfig ,   
    columns : colsConfig ,   
    container : 'grd01',    
    toolbarPosition : 'bottom',   
     pageSize : 10 ,
     toolbarContent : 'nav | goto | pagesize | state' ,
     pageSizeList : [5,10,15,20] ,
     loadURL : 'showjy.do?fs=<%=fs%>&userid='+"<%=anum%>",   
     remotePaging : false,
     onClickCell : function(value,record,cell,row,rowNo,columnObj,grid,event) { 
     
      apid=record["did"];
      mygrid2.loadURL='showjysp.do?did='+apid;
            mygrid2.reload('showjysp.do?did='+apid);
     }     
     
};  
function chaxun()
{var mgrid=GT.$grid("grid1");mgrid.loadURL="showjy.do?chaxu=1&status=0&gsmc="+mgsmc.value+"&dh="+mdh.value+"&zrz="+mzrz.value+"&jyfs="+mjyfs.value+"&tm="+mtm.value+"&fs="+"<%=fs%>"+"&userid="+"<%=anum%>";
 
mgrid.reload(mgrid.loadURL);}var mygrid=new GT.Grid( gridConfig );GT.Utils.onLoad( GT.Grid.render(mygrid));
</script>
<LINK href="css/main.css" type=text/css rel=stylesheet>
</head>
<body><DIV class=allblock id=aaaaa>
<DIV class=mod id=finance_black>
<DIV class=hd>
<H2>
<a href="all.jsp" target="_self"> 首页</a>
 <a href="showjy.jsp?fs=1&userid=<%=anum%>"> 我的借阅信息 </a> 
 <a href="showjy_sp.jsp?fs=2&userid=<%=anum%>"> 等待我审批的借阅信息 </a> 
 <a href="showjy.jsp?fs=3&userid=<%=anum%>"> 历史借阅信息 </a> 
 <a href="showjy.jsp?fs=4&userid=<%=anum%>"> 历史审批记录 </a> 
 </H2>
</DIV>
</DIV>
</DIV>
<div>
<div style="width:100%;height:60px"align="left">
<label class="lable">公司名称：</label>
<input type="text" name="mgsmc" class="input-text"> 
<label class="lable">档号：</label>
<input type="text" name="mdh" class="input-text">
<label class="lable">题名：</label>
<input type="text" name="mtm" class="input-text"> 
<label class="lable">责任者：</label>
<input type="text" name="mzrz" class="input-text">
<label class="lable">借阅方式：</label>
<input type="text" name="mjyfs" class="input-text">
<input type="button" value="查&nbsp;&nbsp;询" name="button1" onClick="chaxun();" class="button">
</div>

<div align="left">
           
&#20511;&#38405;&#26465;&#30446;&#20449;&#24687;&#65306;
</div>
<div class="grid" id="grd01" style="width:100%;height:200px">  
  
</div>
<div align="left">
&#20511;&#38405;&#23457;&#25209;&#20449;&#24687;&#65306;
</div><div class="grid" id="grd02" style="width:100%;height:200px">  
  
</div><p><br><p></p>

</body>
</html>这段代码中表格是怎么显示的，我如果想改表格的属性怎么改

解决方案 »

  1.   

    var apid; 
    apid='{33BAD133-4617-4508-9D17-AAF73349B73E}'; var dsConfig1 = { 
    fields : [ 
    {name : "f10", type: "string", index : "f10"}, 
    {name : "f11", type: "string", index : "f11"}, 
    {name : "f13", type:"string", index : "f15"}, 
    {name : "f15", type:"string", index : "f15"} 
    ] 
    } 
    var colsConfig1 = [ 
    { id : "f10", header : "姓名", fieldName : "f10",width : 220}, 
    { id : "f11", header : "意见", fieldName : "f11",width : 220}, 
    { id : "f12", header : "处理状态", fieldName : "f12",width : 120}, 
    { id : "f13", header : "处理结果", fieldName : "f13",width : 120} 
    ]; 
    var gridConfig1={  
        id : "grid2",  
        dataset : dsConfig1 ,  
        columns : colsConfig1 ,  
        container : 'grd02',    
        toolbarPosition : 'bottom',  
        pageSize : 10 , 
        toolbarContent : 'nav | goto | pagesize | state' , 
        pageSizeList : [5,10,15,20] , 
        loadURL : 'showjysp.do?did='+apid,  
        remotePaging : false 
        
    };  
    主要是这块代码，他在<div class="grid" id="grd01" style="width:100%;height:200px"> 
    调用后，显示相应的表格，我想问下如何修改这段代码的属性，这段代码是怎么编译的？
      

  2.   

    1、用到了EXT的思想。
    2、具体修改属性在如下代码内：var dsConfig1 = { 
    fields : [ 
    {name : "f10", type: "string", index : "f10"}, 
    {name : "f11", type: "string", index : "f11"}, 
    {name : "f13", type:"string", index : "f15"}, 
    {name : "f15", type:"string", index : "f15"} 
    ] 
    } 
    var colsConfig1 = [ 
    { id : "f10", header : "姓名", fieldName : "f10",width : 220}, 
    { id : "f11", header : "意见", fieldName : "f11",width : 220}, 
    { id : "f12", header : "处理状态", fieldName : "f12",width : 120}, 
    { id : "f13", header : "处理结果", fieldName : "f13",width : 120} 
    ]; 
    var gridConfig1={  
        id : "grid2",  
        dataset : dsConfig1 ,  
        columns : colsConfig1 ,  
        container : 'grd02',    
        toolbarPosition : 'bottom',  
        pageSize : 10 , 
        toolbarContent : 'nav | goto | pagesize | state' , 
        pageSizeList : [5,10,15,20] , 
        loadURL : 'showjysp.do?did='+apid,  
        remotePaging : false 
        
    };