ligerUI中ligerGrid的简易用法

在ligerUI中Grid有点类似与table表格，一般都是在页面预加载时就会给予数据的所以一般写在$(function（）{})里的     ，我们也知道，预加载是不需要路径的，直接request或者requestScope就可以去后台了，在这里我用的是第二种   request。get和requestScope有什么区别呢？第二种更倾向于展示在页面中

            首先我先说明一下在Grid中可以遍历集合，也可以遍历json型数组     如何将数组转成json我会再写一篇文章的

                  $(function(){

                        var numJson=${requestScope.sss}; //这里sss就是从后台传过来的json版的字符串型数组。。。。嘿嘿

                        var num=eval('(' + numJson + ')');      //这里就将json格式拆分转成数组格式了

                       //在这里可以直接以numJson或者num作为参数都可以

                       来开始做表格了！

                       var  grid=null;    //这个就相当于表格，当然了，只有在接收了之后，没接收前就是null

                       grid= $("#ss").ligerGrid({  //这里ss是我定义的一个div，我要将数据一行行显示在这个div中

                                 height:'100%'   //这是设定这个Grid的高度

                                 cloumns[{  //cloumns   就是定义这一行的所有参数都有什么

                                     display:'定义这一列表头名称例如姓名/年龄啥的就是第一行td'

                                     name:'num1'     //这里的就是我传的json或者是转成集合格式的里面的参数名

                                     align:'left/right/center'    //这个是定义在参数是靠表格左侧还是右侧，还是中间

                                     width:150          //定义表格一格的宽度

                                  }，{

                                       display:=‘姓名’，

                                       name='name',

                                       minWidth : 130            //这个的作用和width差不多，有一点，有时候因为表头太短而表格内容长，会不太平齐，使用它就可以

                                       render:function(data){          //这个是在假如我当初存进数据库的性别之类以数字代替的

                                               var name=numjson.name;           //我再这里获取到数字

                                               if(name){                                        //这是判断

                                                 return    xxxx或者xxxx[xxx]           //会把name里的name改变为我要输出的

                                           }

                                         }

                                      }

                                   ]，data :num或者numJson               //这里data就是数组，或者json格式的数组，上面的name里的参数都是从这里取得

                                        pageSize : 10,                        //这是定义分页每一页的行数，感觉像是假分页说不上来，可以自己页面修改，比较灵活的

                                        checkbox : true,                      //这是多选，真牛逼单选多选全选反选都可以，我当初自己手敲一个还要好久，请参考我的第一篇博客

                                        rownumbers : true,                 //是否显示行序号

                                        fixedCellHeight :true,             //是否与列数平齐，有的时候例如有滚动条的时候，下拉会出现与最左侧书签数不平齐的现象，用这个，默认为false

                                        enabledSort : false,               //是否排序，就是我点击最上面的定义一这一列名字的框框，会排序，默认为true可排序
                                        allowHideColumn : false,      //是否可以显示所有列，这个也是你右击这一列最上面的框框会把所有列全部显示，因为有的列我们不希望有人看到比如UUID，用这个可以防止右击勾选隐藏列让他显示

                                         toolbar : {                                //这是工具栏。。。咋说呢，就是新增修改删除之类的在表格的左上角

                                             items : [ {
                                                   text : '增加',
                                                   click : save,
                                                    icon : 'add'     //这个是图标例如新增add,删除delete, 修改modify
        },    

                         })                   

})

                              基本上写完了，比较简易吧。。。勉强算是，不过比较详细了，自己参考！看不懂想骂我的，请参考最上面一行的释迦摩尼