gt-grid分页使用手册.docx

1：定义数据数据必须为一个json数组, 数组中的每一项为一个 js对象/js数组.例如下面两种形式的数据都是可以的.(但是不能混合使用). 数组中的每一项 代表 单条数据. 以下简称 record.2：定义数据集有了数据还不够, 因为GT-Grid未必就能理解这些数据, 你还需要对数据进行简单的描述.这个描述就是定义数据集.如：var dsConfig= {data : data1fields :[{name : no , type: int , index : no },{name : name , type: string , index : name },{name : age , type: int , index : age },{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类型?因为我觉得没必要,以后我会找机会解释一下我的想法和建议) index　: 字段对应的record的属性名. 根据index,GT-Grid就可以知道这一列 对应的时record哪个属性的值.index说白了就是你数据库里面的列名；也可以说成是：通过后台转换后生成的json格式数据里面的key；当 type 为 string 时, 可省略type设置. 当 index 和 name 一致时, 可省略 index设置.3：定义列信息 定义每一列的列标头和以及该列对应的数据 如下：var colsConfig = [{ id : no ,header : 学号 , fieldName : no　 },{ id : name ,header : 姓名 , fieldName : name },{ id : age ,header : 年龄 , fieldName : age },{ id : gender ,header : 性别 , fieldName : gender },{ id : english , header : 英语 , fieldName : english },{ id : math , header : 数学 , fieldName : math }]; 对各个参数的解释：id?:?列的唯一标识,?必须保证列表内唯一,建议整个页面唯一.header?:?列表的表头显示的文字信息.fieldName?:?列表的该列对应的?dataset（数据集）中的列(字段).??4：gt-grid组件 定义并创建GT-Grid对象.创建GT-Grid对象的方法如下:var mygrid1 = new GT.Grid( { /*...一些配置信息...*/ } );例子如下：var gridConfig={id : grid1,dataset : dsConfig ,columns : colsConfig ,container : grid1_container, //body中用来显示gt-grid数据的divIDtoolbarPosition : bottom,toolbarContent : state};var mygrid=new GT.Grid( gridConfig );对各个参数的解释：id : 每个列表组件都有一个id 该id在页面内唯一.dataset :列表对应的数据集columns　:　??? 这是什么 ??? 别急.container : 列表的容器的id. 列表最后是要显示在页面中某个位置.这个容器就是那个位置,通常是一个div或者时td.toolbarPosition : 工具栏的位置. 可选值:top/bottom/null, 暂时不支持上下都显示.toolbarContent : 工具栏上要显示的东西, state表示的数据数量信息(分页信息),如共几条 共几页 当前是第几条等等.这个属性的其他用法暂时先不用管.总的来说，主要就是一下几步：var?data1?... ? ?//定义数据var?dsConfig?//定义数据集va