zoukankan      html  css  js  c++  java
  • datagrid参数queryParamseasyUI

    Html

             <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:'任免批次编号',200,sortable:true},

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

                  {field:'batch_no',title:'任免批次编号',100,sortable:true},

                  {field:'recorder_date',title:'登记时间',120,sortable:true},

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

                  {field:'state',title:'状态',100,sortable:true},

                  {field:'memo',title:'备注',300}

              

                  ]],

                  pagination:true,

                  pageNumber:1,

                  pageSize:5,

                  pageList:[5,10],           

                  //singleSelect:true,

                  rownumbers:true  

               });

        }

    服务端接收rowspageordersort参数

        参数名称是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'); 

            

        }

  • 相关阅读:
    document.write("x3cx54")?是加密了吗?
    SQL中以count及sum为条件的查询
    给MyEclipse 10增加SVN功能
    iOS参考工具和资源
    Apple Developer参考资料
    [转]最常见的20个jQuery面试问题及答案
    丢掉鼠标-Mac神软Alfred使用手册
    jQuery执行进度提示窗口的实现(progressbar)
    [转]5个JavaScript面试题
    自己写的POIUtil,主要解决从不同的HSSFWorkbook复制sheet以及根据单元格插入图片等
  • 原文地址:https://www.cnblogs.com/archie2010/p/1944277.html
Copyright © 2011-2022 走看看