zoukankan      html  css  js  c++  java
  • 在前端页面对easyui中的datagrid与jqgrid加载后的数据进行操作

    因为项目的需求,需要在grid中加载数据后再在前端页面执行操作,所以在easyui中的grid与jqgrid都进行了测试和操作;

    eayui中grid数据的操作:

     1             //构造集合对象
     2             var list = [];
     3             var rows = $("#grid").datagrid("getRows");
     4             for (var i = 0; i < rows.length; i++) {
     5                 list.push({
     6                     'Qfk_id': rows[i].Qfk_id
     7                     ,'Qfk_code': rows[i].Qfk_code
     8                     ,'Yz_name': rows[i].Yz_name
     9                     ,'Yzlx_name': rows[i].Yzlx_name
    10                     ,'Qfklx_name': rows[i].Qfklx_name
    11                 });
    12 
    13             }
    16             var postData = JSON.stringify(list);

    jqgrid中数据的操作:

     1             //构造集合对象
     2             var list = [];
     3             var ids = $('#grid').getDataIDs();//返回数据表的ID数组
     4             for (var i = 0; i <  ids.length; i++) {
     5                 var getRow = $('#grid').getRowData(ids[i]);//获取当前的数据行  
     6                 list.push({
     7                     'Qfk_id':getRow.Qfk_id
     8                     ,'Qfk_code': getRow.Qfk_code
     9                     ,'Yz_name': getRow.Yz_name
    10                     ,'Yzlx_name': getRow.Yzlx_name
    11                     ,'Qfklx_name': getRow.Qfklx_name
    12                 });
    13             }
    14             var postData = JSON.stringify(list);

    jqgrid中在前端修改数据:

                var ids = $('#grid').getDataIDs();//返回数据表的ID数组
                var len = ids.length;
                for (var i = 0; i < ids.length; i++) {
                    var getRow = $('#grid').getRowData(ids[i]);//获取当前的数据行  
                    //setcell修改值;i+1为修改行数;'weizhi'为列ID,value是要修改的值
                    $("#grid").jqGrid('setCell', i + 1, 'weizhi', value);
                }

    在使用过程中,当需要一次性加载所有数据且不允许使用分页的情况下,jqgrid确实要比easyui的grid性能好一些,当然不同浏览器也差别明显;

  • 相关阅读:
    定义结构体
    UML建模需求分析常用的UML图
    UML建模EA模型的组织
    优化Python脚本替换VC2005/2008工程x64配置
    C++插件框架已在 Mac OS X 下编译通过
    《iPhone开发快速入门》交流提纲
    X3插件框架发布v1.1.3
    从零开始创建一个插件
    Google论坛什么时候又可以使用的
    我的第一个Py脚本:批量替换VC工程中的x64条件定义配置
  • 原文地址:https://www.cnblogs.com/dafanjoy/p/6201415.html
Copyright © 2011-2022 走看看