Jquery-easyUI-datagrid参数之 queryParams

转自：http://blog.163.com/xpf_designer/blog/static/19213618920117784055668/

 

  1 Html
  2 
  3          <div  region="center" border="false"  style="padding:0px 3px 0px 3px;margin:0px;"> 
  4 
  5               <table id="test"></table> 
  6 
  7     　　　</div>
  8 
  9 
 10 
 11 
 12 
 13 初置化gird
 14 
 15 $(function(){ 
 16 
 17                    
 18 
 19                   loadgrid();    
 20 
 21                   //loadcombobox(null); 
 22 
 23        });
 24 
 25 function loadgrid(){
 26 
 27        $('#test').datagrid({
 28 
 29               title:'任免信息列表',
 30 
 31               fit:true,
 32 
 33               nowrap: false,
 34 
 35               striped:false,
 36 
 37               //url:'rm.json',
 38 
 39               url:'http://127.0.0.1:8080/web/AppAndRemoveServer.server',
 40 
 41               queryParams:{},
 42 
 43               sortName: 'appandremove_id',
 44 
 45               sortOrder: 'asc',
 46 
 47               remoteSort: false,
 48 
 49               idField:'appandremove_id',
 50 
 51               frozenColumns:[[
 52 
 53                     {field:'ck',checkbox:true}
 54 
 55               ]],
 56 
 57               columns:[[{field:'appandremove_id',title:'任免批次编号',width:200,sortable:true},
 58 
 59               {field:'batch_name',title:'任免批次名称',width:240,sortable:true},
 60 
 61               {field:'batch_no',title:'任免批次编号',width:100,sortable:true},
 62 
 63               {field:'recorder_date',title:'登记时间',width:120,sortable:true},
 64 
 65               {field:'recorder_id',title:'登记人',width:100,sortable:true},
 66 
 67               {field:'state',title:'状态',width:100,sortable:true},
 68 
 69               {field:'memo',title:'备注',width:300}
 70 
 71           
 72 
 73               ]],
 74 
 75               pagination:true,
 76 
 77               pageNumber:1,
 78 
 79               pageSize:5,
 80 
 81               pageList:[5,10],           
 82 
 83               //singleSelect:true,
 84 
 85               rownumbers:true  
 86 
 87            });
 88 
 89     }
 90 
 91 
 92 
 93 服务端接收rows、page、order、sort参数
 94 
 95     参数名称是easyui起的，值也是自动绑定
 96 
 97     可以在服务端通过request.getParameterNames();查看有什么参数
 98 
 99     接收参数值
100 
101     if(null!=request.getParameter("rows")) {             pageRows=Integer.parseInt(request.getParameter("rows").toString());  
102 
103        }  
104 
105        if(null!=request.getParameter("page")) {  
106 
107            page=Integer.parseInt(request.getParameter("page").toString());  
108 
109        } 
110 
111        if(null!=request.getParameter("order")) {  
112 
113            order=request.getParameter("order").toString();  
114 
115        }
116 
117        if(null!=request.getParameter("sort")) {  
118 
119            order=request.getParameter("sort").toString();  
120 
121          }
122 
123     然后拼装sql语句实现分页。
124 
125 
126  增加查询参数，重新加载表格
127 
128 function reloadgrid (stateVal)  {  
129 
130        //查询参数直接添加在url中         
131 
132        /* var url =$('#test').datagrid('options').url;
133 
134         url = "http://127.0.0.1:8080/web/AppAndRemoveServer.server?state=" +stateVal;   
135 
136 //重新赋值url 属性
137 
138         $('#test').datagrid('options').url=url;
139 
140         $("#test").datagrid('reload'); 
141 
142         */
143 
144         
145 
146         //查询参数直接添加在queryParams中    
147 
148         var queryParams = $('#test').datagrid('options').queryParams;  
149 
150          queryParams.state = stateVal;  
151 
152          $('#test').datagrid('options').queryParams=queryParams;        
153 
154          $("#test").datagrid('reload'); 
155 
156         
157 
158     }

 

posted @ 2013-03-28 11:36  古来征战几人回  阅读(1701)  评论(0)  编辑  收藏  举报