动态修改 easyui datagrid 表格每行的内容

最新推荐文章于 2024-03-03 15:09:54 发布

一遇一余

最新推荐文章于 2024-03-03 15:09:54 发布

阅读量1.8k

点赞数

分类专栏：前端技术文章标签： easyui jquery

本文链接：https://blog.youkuaiyun.com/yule117737767/article/details/119934357

版权

技术同时被 2 个专栏收录

17 篇文章

订阅专栏

前端

2 篇文章

订阅专栏

"本文介绍了如何在EasyUI的datagrid中动态修改某行某列的值。通过`datagrid("updateRow")`方法，可以指定行索引和新的数据对象来更新单元格内容。批量修改时，可以通过遍历所有行并根据条件进行替换，例如将特定名字的操作列文本替换为其他文本。示例代码展示了如何实现这一功能。"

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用easyui 的表格功能 datagrid 时，有时需要动态修改某行某列的内容。

1.如果要修改某行某列时

//改变某行 某列的值
$("#dataTable").datagrid("updateRow",{index:i,row:{operate:'abc'}});//行index为指定行
i为第几行的参数，row后面的，前面是列名，后面是显示内容

2.如果需要修改批量修改时就要遍历所有的行

    /**
     * 改变每行的操作列的文本
     * @param uname 比对名字
     * @param text 替换文本
     */
    function update_operate(uname, text) {
        var rows = $("#dataTable").datagrid("getRows"); //这段代码是获取当前页的所有行。
        //遍历循环每一行
        for(var i=0;i<rows.length;i++)
        {
            //获取每一行的数据
//                        console.log(rows[i].SENDERNAME);

            //名字相同的，全部都转为已禁言
            if(uname == rows[i].SENDERNAME){
                //改变某行 某列的值
                $("#dataTable").datagrid("updateRow",{index:i,row:{operate:text}});//行index为指定行
            }

        }
    }

   //替换
   update_operate("张三", "被通缉的张三");

rows[i].SENDERNAME 表示该行 SENDERNAME列的内容