zoukankan      html  css  js  c++  java
  • jqGrid 操作一些总结

    1. 手动往grid中添加数据

         $("#orgGridId").jqGrid('addRowData',mydata[i].id,mydata[i]);

         mydata[i].id:添加这列的主键id

         mydata[i]:json格式的数据,

         例{id:"e",name:"2007-09-      01",phone:"test3",parseMobile:"note3",orgName:"400.00"}

    2. 更新数据

         $("#orgGrid").jqGrid('setRowData',mydata[i].id,{name:"2008-10-                       01",phone:"test",parseMobile:"note",orgName:"200.00"});

    mydata[i].id:需要修改列的主键id

    3. 删除数据

       $("#orgGrid").jqGrid('delRowData',id);

       id:列主键

    4. 根据id拿该列的所有Data

        $("#orgGrid").jqGrid('getRowData',id));

        id:列主键,如果拿不到返回{},拿到了返回一个Object

    5. 拿到grid中的所有主键

        $("#gridTable_subgrid").getDataIDs();

    6. 拿到grid中所有的数据

       $("#orgGrid").getRowData();

       返回一个数组,可以根据自己的需要,提取需要的字段。

    7. 拿到grid中所有选择的数据

       $(subGridId).jqGrid('getGridParam','selarrrow');

    8. 清空整个grid

       $("#orgGrid").jqGrid('clearGridData');

    9. 有选择的删除grid

          for(var i=0; i < grLength; i++){

    //gr[0]是因为如果删除gr中的一个,gr的数量就好自动减少,所以循环要删除的数量,每次都删除第一个

    $("#orgGrid").jqGrid('delRowData',gr[0]);

    }

    10. 如果你需要在colModel新加一列,这一列的值是其他几列值的拼接或者加减什么的

    {name : 'allAmt', index : 'allAmt', '100px', search:false, sortable:false, align:'center'

    // ,formatter : function(value, options, rData){

    // return rData['emsAmt']+rData['paySendAmt'];

    // }

    }

    注:可以把注释掉的代码加上去,这样该列就有值了,“emsAmt”和“paySendAmt”都是其他列的数据,包括你想对某列的数据进行处理之后再显示

    11. 给grid添加查询参数

          $("#overrangeResultGrid").jqGrid().setPostDataItem("startTime", $("#startTime").val());

    12. 重新加载grid

          $("#orgGrid").trigger("reloadGrid");

    13. formater的使用可以参考

          JqGrid formatter使用

    转载:http://my.oschina.net/clks/blog/287354

  • 相关阅读:
    React.render和reactDom.render的区别
    CSS中position的4种定位详解
    React.js入门必须知道的那些事
    JS处理事件小技巧
    React.js深入学习详细解析
    React.js实现原生js拖拽效果及思考
    Linux ./configure && make && make install 编译安装和卸载
    Redis set集合结构及命令详解
    Redis数据过期策略
    Redis TTL命令
  • 原文地址:https://www.cnblogs.com/qfb620/p/4882191.html
Copyright © 2011-2022 走看看