jQuery技术

jqGrid 单元格内容修改_改变cell值_setCell

字号+ 作者:H5之家 来源:H5之家 2018-03-29 08:00 我要评论( )

jqGrid 单元格内容修改_改变cell值_setCell

在使用jqgrid数据表的时候有时需要在界面直接修改单元格的内容,编辑单元格

下面介绍修改单元格cell的方法

 jQuery("#user-list").setCell(3, 'name', 'cht');

另一只写法

 jQuery("#user-list").jqGrid('setCell',3, 'name', 'ddd');
 

setCell参数说明:

rowid,行号
colname, colNames中的name属性
data, 要修改后的值
class, 添加样式

如果遇到setCell不好用(没有效果)情况需要注意

id,要用gqgrid中的rowid

如果单元格使用了formatter格式化数据,需要注意setCell中的data值也需要与之匹配 ,例如

colModel : [
{
label : 'name',
name : 'name',
index : 'name',
formatter : function(cellValue) {
    if (cellValue == 1) {
        return "Yes"
    }
    else {
        return "No";
    }
    return '';
    }
}
]

如果要使单元格显示Yes,setCell中的data需要写成1如下:

jQuery("#user-list").setCell(3, 'name', '1');

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery清空textarea等输入框中内容的代码

    jquery清空textarea等输入框中内容的代码

    2018-01-25 10:28

  • jqGrid插件学习(2)

    jqGrid插件学习(2)

    2018-01-22 13:00

  • jquery学习笔记jqGrid学习笔记 完整整理

    jquery学习笔记jqGrid学习笔记 完整整理

    2017-11-07 14:03

  • jQuery学习笔记(四)_ 获取和设置内容或属性

    jQuery学习笔记(四)_ 获取和设置内容或属性

    2017-10-02 08:01

网友点评