jqgrid - 在插入行之后,设置单元格。以编程方式更改单元格的内容

标签 jqgrid

我是 JqGrid 的新手,所以请耐心等待。当我使用 showlink 时,我在设置单元格样式时遇到了一些问题格式化程序。
在我的配置中,我设置了 AfterInsertRow,如果我只显示简单的文本,它就可以正常工作:

 afterInsertRow: function(rowid, aData) {
   if (aData.Security == `C`) {
     jQuery('#list').setCell(rowid, 'Doc_Number', '', { color: `red` });
 } else
 {
   jQuery('#list').setCell(rowid, 'Doc_Number', '', { color: `green` });
 }
}, ...

这段代码工作得很好,但是一旦我添加了格式化程序
{'Doc_Number, ..., 'formatter: ’showlink’, formatoptions: {baseLinkUrl: ’url.aspx’}

上面的代码不起作用,因为单元格中添加了一个新元素
<a href='url.aspx'>cellValue</a>

是否可以使用上面的代码以编程方式访问新的子元素并更改样式?
`<a href='url.aspx' style='color: red;'>cellValue</a>` etc.

更新:为了工作,您必须执行以下操作:
jQuery('#list').setCell(rowid, 'Doc_Number', '', 'redLink');

CSS 类
.redLink a {
    color: red;
}

最佳答案

您可以向单元格添加一个类:

jQuery('#list').setCell(rowid, 'Doc_Number', '', 'redLink');

然后按照以下方式定义一个 CSS 类:
.redLink a {
    color: red;
}

关于jqgrid - 在插入行之后,设置单元格。以编程方式更改单元格的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2611779/

相关文章:

html - 如何居中 JqGrid

css - 如何避免 zurb 函数样式覆盖 jqgrid/jquery ui 样式?

css - jqgrid中第三行的背景颜色

javascript - 为什么在动态加载数据时 jqGrid 不显示第二页?

ajax - 如何将请求头设置为 jqGrid 的 ajax 对象

php - JQgrid如何根据服务器数据更改行的背景颜色?

jquery - jqGrid TableToGrid 删除一行

javascript - 获取包含Jqgrid参数的当前url

jqGrid置换数组

jquery - 在内联添加时显示 jqg1 而不是从数据库返回的 id