资源描述：
《gt-grid分页使用手册》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、1：定义数据数据必须为一个json数组,数组中的每一项为一个js对象/js数组.例如下面两种形式的数据都是可以的.(但是不能混合使用).数组中的每一项代表单条数据.以下简称record.2：定义数据集有了数据还不够,因为GT-Grid未必就能理解这些数据,你还需要对数据进行简单的描述.这个描述就是定义数据集.如：vardsConfig={data:data1fields:[{name:'no',type:'int',index:'no'},{name:'name',type:'string',index:'name'},{name:'age',type:'int',index:'a
2、ge'},{name:'gender',type:'string',index:'gender'},{name:'english',type:'float',index:'english'},{name:'math',type:'float',index:'math'}]}data指向之前的数据.fields是一个数组,描述record各个字段的信息,类似数据库表中的列信息.name:字段的名字(虽然时name但是性质和id类似,在一个数据集内要保持唯一性)type: 字段的类型(目前只支持string,int,float,为什么没有date类型?因为我觉得没必要,以后我会找机会解
3、释一下我的想法和建议)index :字段对应的"record的属性名".根据index,GT-Grid就可以知道这一列对应的时record哪个属性的值.index说白了就是你数据库里面的列名；也可以说成是：通过后台转换后生成的json格式数据里面的key；当type为string时,可省略type设置.当index和name一致时,可省略index设置.3：定义列信息定义每一列的列标头和以及该列对应的数据如下：varcolsConfig=[{id:'no',header:"学号",fieldName:'no' },{id:'name',header:"姓名",fieldName:'
4、name'},{id:'age',header:"年龄",fieldName:'age'},{id:'gender',header:"性别",fieldName:'gender'},{id:'english',header:"英语",fieldName:'english'},{id:'math',header:"数学",fieldName:'math'}];对各个参数的解释：1.id : 列的唯一标识, 必须保证列表内唯一,建议整个页面唯一. 2.header : 列表的表头显示的文字信息. 3.fieldName : 列表的该列对应的 dataset（数据集）中的列(字段).
5、 4：gt-grid组件定义并创建GT-Grid对象.创建GT-Grid对象的方法如下:varmygrid1=newGT.Grid({/*...一些配置信息...*/});例子如下：vargridConfig={id:"grid1",dataset:dsConfig,columns:colsConfig,container:'grid1_container',//body中用来显示gt-grid数据的divIDtoolbarPosition:'bottom',toolbarContent:'state'};varmygrid=newGT.Grid(gridConfig);对各个参
6、数的解释：id:每个列表组件都有一个id该id在页面内唯一.dataset:列表对应的数据集columns : ???这是什么???别急.container:列表的容器的id.列表最后是要显示在页面中某个位置.这个容器就是那个"位置",通常是一个div或者时td.toolbarPosition:工具栏的位置.可选值:'top'/'bottom'/null,暂时不支持上下都显示.toolbarContent:工具栏上要显示的东西,state表示的数据数量信息(分页信息),如共几条共几页当前是第几条等等.这个属性的其他用法暂时先不用管.总的来说，主要就是一下几步：1.var data1
7、 ... //定义数据2.var dsConfig .... //定义数据集3.var colsConfig ... //定义列信息 4.var gridConfig ....//定义gt-grid控件5.var mygrid=new GT.Grid( gridConfig ); 6.GT.Utils.onLoad( GT.Grid.render(mygrid) ); 在jsp的body里面所需要做的就是：1：引入gt-grid的一些js和样式
