datagrid 程序编辑每一行

最新推荐文章于 2021-01-07 13:37:58 发布

huang890628

最新推荐文章于 2021-01-07 13:37:58 发布

阅读量766

点赞数

分类专栏： Easyui 文章标签： datagrid stylesheet function html table url

本文链接：https://blog.csdn.net/huang890628/article/details/6101384

版权

Easyui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <title>jQuery EasyUI</title>
   <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
   <link rel="stylesheet" type="text/css" href="../themes/icon.css">
   <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="../jquery.easyui.min.js"></script>
   <script>
       $(function(){
       var lastIndex;
       var count = 0;
           $('#test').datagrid({
               title:'My Title',
               iconCls:'icon-save',
               width:580,
               height:350,
               nowrap: false,
               collapsible:true,
               url:'datagrid_data.json',
               idField:'code',
               frozenColumns:[[
                    {title:'code',field:'code',width:80,sortable:true,
                       formatter:function(value){
                           return '<b>'+(value+count++)+'</b>';
                       }
                    }
               ]],
               columns:[[
                   {field:'name',title:'Name',width:120},
                   {field:'addr',title:'Address',width:100,editor:'text'},
                   {field:'col4',title:'Col4',width:100,editor:'text'},
               ]],
               rownumbers:true
           });
       });
       function change(){
           var gbData = $('#test').datagrid("getData");
           var edt;
           $('#test').datagrid('acceptChanges');
           for(var i = 0; i < gbData.rows.length; i++) {
               $('#test').datagrid('beginEdit',i);
               edt = $('#test').datagrid("getEditors", i);
               if(i % 4 == 0) {
                   edt[0].target.val('hello '+i);//只有2个编辑项
                   edt[1].target.val('world'+i+100);
               } else {
                   edt[0].target.val(i);//只有2个编辑项
                   edt[1].target.val(i+100);
               }
               $('#test').datagrid('endEdit',i);
           }
       }
   </script>
</head>
<body>
   <h1>DataGrid</h1>
   <a href="#" οnclick="change()">change</a>
   <table id="test"></table>
</body>
</html>

写这个代码好难找。。。。痛苦一下，然后学会后，就去用一下。。。

huang890628

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
datagrid 程序编辑每一行

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /><html><br /><head><br /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br /> <title>jQuery EasyUI</title><
复制链接

扫一扫