rowattr の条件に基づいて行ベースにクラスを追加します。グリッドにアクション ボタンを追加し、アクションをクリックすると、現在の行の「class1」を削除して「class2」を追加する必要があります。これを行う方法?
$("#gridParaf").jqGrid(
{
url: "GetLetterInformationHandler.ashx?CurrentUser=" + 1457,
datatype: 'json',
colNames: ['action', 'IAnsDateTime', 'IAnsState'],
colModel: [
{ name: 'IAnsDateTime', width: 50, sortable: false, hidden: false, template: CenterTemplate },
{ name: 'IAnsState', width: 20, sortable: false, hidden: false, template: CenterTemplate },
{ name: 'SysCode', width: 20, sortable: false, hidden: true,key:true },
],
rowNum: 10,
loadonce: true,
rowList: [5, 10, 20],
recordpos: "left",
rowattr: function (rd) {
var viewDate = grid.getGridParam("userData")[rd["SysCode"]]["IAnsDateTime"];
return { "class": (viewDate == '') ? "class1" : "class2" };
},
loadComplete: function() {
$("<div>", {
title: "I like it",
mouseover: function() {
$(this).addClass('ui-state-hover');
},
mouseout: function() {
$(this).removeClass('ui-state-hover');
},
click: function(e) {
window.rowData = grid.getGridParam("userData")[$(e.target).closest("tr.jqgrow").attr("id")];
}
}
).css({ "margin-right": "10px", "float": "left", cursor: "pointer" })
.append('<span class="ui-icon icon-Confirm "></span>')
.prependTo($(this).children("div"));
},