easyUI-datagrid參數queryParams

easyUI-datagrid參數queryParams  

 

<div  region="center" border="false"  style="padding:0px 3px 0px 3px;margin:0px;"> 

              <table id="test"></table> 

    </div>

 

初置化gird

$(function(){ 

                   

                  loadgrid();    

                  //loadcombobox(null); 

       });

function loadgrid(){

       $('#test').datagrid({

              title:'任免信息列表',

              fit:true,

              nowrap: false,

              striped:false,

              //url:'rm.json',

              url:'http://127.0.0.1:8080/web/AppAndRemoveServer.server',

              queryParams:{},

              sortName: 'appandremove_id',

              sortOrder: 'asc',

              remoteSort: false,

              idField:'appandremove_id',

              frozenColumns:[[

                    {field:'ck',checkbox:true}

              ]],

              columns:[[{field:'appandremove_id',title:'任免批次編號',width:200,sortable:true},

              {field:'batch_name',title:'任免批次名稱',width:240,sortable:true},

              {field:'batch_no',title:'任免批次編號',width:100,sortable:true},

              {field:'recorder_date',title:'登記時間',width:120,sortable:true},

              {field:'recorder_id',title:'登記人',width:100,sortable:true},

              {field:'state',title:'狀態',width:100,sortable:true},

              {field:'memo',title:'備註',width:300}

          

              ]],

              pagination:true,

              pageNumber:1,

              pageSize:5,

              pageList:[5,10],           

              //singleSelect:true,

              rownumbers:true  

           });

    }

 

服務端接收rows、page、order、sort參數

參數名稱是easyui起的，值也是自動綁定

    能夠在服務端經過request.getParameterNames();查看有什麼參數

    接收參數值

if(null!=request.getParameter("rows")) {             pageRows=Integer.parseInt(request.getParameter("rows").toString());  

       }  

       if(null!=request.getParameter("page")) {  

           page=Integer.parseInt(request.getParameter("page").toString());  

       } 

       if(null!=request.getParameter("order")) {  

           order=request.getParameter("order").toString();  

       }

       if(null!=request.getParameter("sort")) {  

           order=request.getParameter("sort").toString();  

         }

 

 而後拼裝sql語句實現分頁。
 增長查詢參數，從新加載表格

function reloadgrid (stateVal)  {  

       //查詢參數直接添加在url中         

       /* var url =$('#test').datagrid('options').url;

        url = "http://127.0.0.1:8080/web/AppAndRemoveServer.server?state=" +stateVal;   

//從新賦值url 屬性

        $('#test').datagrid('options').url=url;

        $("#test").datagrid('reload'); 

        */

        

        //查詢參數直接添加在queryParams中    

        var queryParams = $('#test').datagrid('options').queryParams;  

         queryParams.state = stateVal;  

         $('#test').datagrid('options').queryParams=queryParams;        

         $("#test").datagrid('reload'); 

        

    }