我是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` });
}
}, ...
Run Code Online (Sandbox Code Playgroud)
这段代码工作正常,但只要我添加一个格式化程序
{'Doc_Number, ..., 'formatter: ’showlink’, formatoptions: {baseLinkUrl: ’url.aspx’}
Run Code Online (Sandbox Code Playgroud)
上面的代码不起作用,因为新元素被添加到单元格
<a href='url.aspx'>cellValue</a>
Run Code Online (Sandbox Code Playgroud)
是否可以使用类似上面的代码以编程方式访问新的子元素并更改样式?
`<a href='url.aspx' style='color: red;'>cellValue</a>` etc.
Run Code Online (Sandbox Code Playgroud)
更新:为了工作,你必须做如下:
jQuery('#list').setCell(rowid, 'Doc_Number', '', 'redLink');
Run Code Online (Sandbox Code Playgroud)
CSS类
.redLink a {
color: red;
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试将一个自定义按钮添加到实现"签出"过程的JqGrid.基本上,每一行都有一个"签出"按钮,如果点击该按钮,应该能够将帖子发送回服务器并更新购物车,然后将按钮文本更改为"撤消签出".到目前为止,我有:
colNames: ['Id', ... , 'Action' ],
colModel: [
{ name: 'Id', sortable: false, width: 1, hidden: true},
...
{ name: 'action', index: 'action', width: 75, sortable: false }
],
...
gridComplete: function() {
var ids = jQuery("#east-grid").jqGrid('getDataIDs');
for (var i = 0; i < ids.length; i++) {
var cl = ids[i];
checkout = "<input style='height:22px;width:75px;' type='button' value='Check Out' onclick=\" ??? \" />";
jQuery("#east-grid").jqGrid('setRowData', ids[i], { action: checkout });
}
},
...
Run Code Online (Sandbox Code Playgroud)
'???' 是我需要解决的部分.
预先感谢您的帮助.