zoukankan html css js c++ java

JqueryeasyUIdatagrid参数之 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:'任免批次编号',200,sortable:true},
 58 
 59               {field:'batch_name',title:'任免批次名称',240,sortable:true},
 60 
 61               {field:'batch_no',title:'任免批次编号',100,sortable:true},
 62 
 63               {field:'recorder_date',title:'登记时间',120,sortable:true},
 64 
 65               {field:'recorder_id',title:'登记人',100,sortable:true},
 66 
 67               {field:'state',title:'状态',100,sortable:true},
 68 
 69               {field:'memo',title:'备注',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     }

查看全文

相关阅读:
Day 20 初识面向对象
 Day 16 常用模块
 Day 15 正则表达式 re模块
 D14 模块导入模块开发目录规范
 Day 13 迭代器,生成器,内置函数
 Day 12 递归,二分算法,推导式,匿名函数
 Day 11 闭包函数.装饰器
 D10 函数（二）嵌套，命名空间作用域
 D09 函数（一）返回值，参数
 Day 07 Day08 字符编码与文件处理

原文地址：https://www.cnblogs.com/yaowukonga/p/2986384.html