在jqgrid中添加新行后如何触发loadComplete? [英] How to fire loadComplete after new row is added in jqgrid?
本文介绍了在jqgrid中添加新行后如何触发loadComplete?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个在 jqgrid 的 loadComplete 中触发的自定义格式化程序.当动态添加行时，需要相同的自定义格式化程序才能工作.所以我想像任何普通函数一样调用 loadComplete() .自定义格式化程序在加载网格时效果很好，但在稍后添加行时不起作用.
动态添加行
function addRow(cfgid,cfgname,hostname,osname,cfgDesc,productId,cfgType,updateDate,emailAddress,absolutePath,fileName,productVersion,converted){var myrow = {cfgId:cfgid, '':'', cfgName:cfgname, hostname:hostname, osname:osname, cfgDesc:cfgDesc, productId:productId,hostname:hostname,cfgType:cfgType,updateDate:updateDate,emailAddress:emailAddress,absolutePath:absolutePath,fileName:fileName,productVersion:productVersion,converted:converted};$("#list1").addRowData(cfgid, myrow,"first");//$("#list1").loadComplete();不工作$("#list1").trigger("reloadGrid");$("#list1").sortGrid('updateDate', true, 'desc');}JqGrid
函数drawDynamicGrid(xml){var emptyMsgDiv = $('<div>没有加载配置</div>');var xmlObject=StringtoXML(xml);var getColumnIndexByName = function (grid, columnName) {var cm = grid.jqGrid('getGridParam', 'colModel'), i = 0, l = cm.length;对于 (; i < l; i += 1) {if (cm[i].name === columnName) {返回我；//返回索引}}返回-1；},网格 = jQuery("#list1"),convertIcon = '<span class="ui-state-default" style="border:0" id="converted"><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span></span>',iconAlert = '<span class="ui-state-error" style="border:0" id="expired"><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span></span>';grid.jqGrid({数据流:xml，数据类型:'xmlstring'，colNames:['cfgId','Name', 'Host','Operating System', 'Description','Product', 'Type', 'Last Updated Time','Last Updated By','','','',''],col型号:[{name:'cfgId',index:'cfgId', width:90, align:"left", hidden:true},{name:'cfgName',index:'cfgName', width:80, align:"left", formatter: 'showlink', formatoptions: {baseLinkUrl: '#'} },{name:'hostname',index:'hostname', width:70, align:"left"},{name:'osname',index:'osname', width:90, align:"left"},{名称:'cfgDesc'，索引:'cfgDesc'，宽度:80，对齐:左"}，{name:'productId',index:'productId', width:40, align:"left"},{name:'cfgType',index:'cfgType', width:50, align:"left"},{name:'updateDate',index:'updateDate',sorttype:'Date', width:120, align:"left"},{名称:'emailAddress'，索引:'emailAddress'，宽度:120，对齐:左"}，{name:'absolutePath',index:'absolutePath', width:90, align:"left", hidden:true},{name:'fileName',index:'fileName', width:10, align:"left", hidden:true},{name:'productVersion',index:'productVersion', width:10, align:"left", hidden:true},{name:'converted',index:'converted', width:10, align:"left", hidden:true}],寻呼机:'#gridpager',行号:10，行列表:[10,50,100]，滚动偏移:0，高度:'自动'，emptyrecords: '未加载配置',自动宽度:真，查看记录:真实，网格视图:是的，多选:真，xmlReader:{根:列表"，行:响应"，id: "cfgId",用户数据:用户数据"，重复项:假},加载完成:函数(){var count = grid.jqGrid('getGridParam');var ts = 网格 [0];如果(ts.p.reccount === 0){grid.hide();emptyMsgDiv.show();} 别的 {网格.show();emptyMsgDiv.hide();}//对于日期差超过 90 天的 showlink 和 icon 警报var iRow, row, trClasses, $cell,icfgName = getColumnIndexByName(grid, 'cfgName'),iupdateDate = getColumnIndexByName(grid, 'updateDate'),iconverted = getColumnIndexByName(grid, 'converted'),我的网格 = 网格 [0]，行 = mygrid.rows，cRows = rows.length,我的链接 = 功能 (e) {var $td = $(e.target).closest('td'),文本 = $td.text(),$tr = $td.closest('tr'),rowid = $tr[0].id;goToViewAllPage(rowid);};for (iRow = 0; iRow < cRows; iRow += 1) {行 = 行 [iRow];//row.id 是rowidtrClasses = row.className.split(' ');if ($.inArray('jqgrow', trClasses) > 0) {//该行是标准行(仅当使用 subGrid:true 时)var cellvalue1,firstDate,secondDate;$cell = $(row.cells[icfgName]);cellvalue1=$(row.cells[iupdateDate]).text();第一个日期 = 新日期()；//console.info(cellvalue1+", "+cellvalue1.length);//var cellvalue1="08-18-2011 11:49:01";var convertText=$(row.cells[iconverted]).text();if(cellvalue1.length>25){第二日期=新日期()；//secondDate = secondDate.substring(0, secondDate.length-3);if(diffOf2Dates(firstDate,secondDate,true)>=expireCondition){$cell.prepend(iconAlert);}$cell.click(myLink);}别的{if(cellvalue1.length!=1){secondDate = cellvalue1.substring(0, cellvalue1.length-6);if(diffOf2Dates(firstDate,secondDate,false)>=expireCondition){$cell.prepend(iconAlert);}$cell.click(myLink);}//我想在使用 addRowData 添加新行时添加此图标if(convertedText=="yes"&&supportEng)$cell.prepend(convertIcon);}}}}});grid.jqGrid('navGrid','#gridpager',{edit:false,add:false,del:false});var myGrid = $("#list1");$("#cb_"+myGrid[0].id).hide();//将带有空消息的 div 放入 bdiv 的内部emptyMsgDiv.insertAfter(grid.parent());$("#list1").trigger("reloadGrid");$("#list1").sortGrid('updateDate', true, 'desc');$("#list1").setGridParam({rowNum:10});}更新
服务器响应
<响应><cfgId>1223</cfgId><cfgName>ld</cfgName><cfgDesc>fhdf</cfgDesc><cfgType>生产</cfgType><文件名>4.xml</文件名><absolutePath>../../../xmlrepository/121/4_ver3.xml</absolutePath><emailAddress>mk@aol.com</emailAddress><projectId>121</projectId><主机名>abc-dev-01.24hourfit.com</主机名><createDate>2012-12-07 12:15:48.0 IST</createDate><updateDate>2012-12-07 12:15:48.0 IST</updateDate><state>1</state><productId>3</productId><osname>Linux</osname><productVersion>1.0 HotFix5</productVersion><converted>是的</converted></响应><响应><cfgId>1224</cfgId><cfgName>DD</cfgName><cfgDesc>dfsd</cfgDesc><cfgType>生产</cfgType><文件名>2.xml</文件名><absolutePath>../../../xmlrepository/121/2_ver1.xml</absolutePath><emailAddress>mk@aol.com</emailAddress><projectId>121</projectId><主机名>vkeh-jam</主机名><createDate>2012-12-07 12:21:31.0 IST</createDate><updateDate>2012-12-07 12:21:31.0 IST</updateDate><state>1</state><productId>3</productId><osname>HP-UX</osname><productVersion>5.0</productVersion><converted>no</converted></响应></列表>
goToViewAllPage 函数
函数 goToViewAllPage(rowid){var pageLoadContent='<table id="detailTable" width="100%"><tbody><tr><td align="center">请稍候</td></tr><tr><td align="center"><img src="/informaticaCSM/infa9/csm/view/include/images/loading.gif" alt="Loading"/></td></tr></tbody></table>';//rowid=rowid.substring(4, rowid.length);$("#nextPageLoading").pageLoad({content:pageLoadContent});$("#nextPageLoading").css({"cursor":"wait"});$("#pageLoadingBackground").css({"cursor":"wait"});var rowData = jQuery("#list1").getRowData(rowid);configid = rowData['cfgId'];configname=rowData['cfgName'];configdesc=rowData['cfgDesc'];configenv=rowData['cfgType'];文件名=行数据['文件名'];更新=rowData['updateDate'];absolutepath=rowData['absolutePath'];产品名=rowData['productId'];productversion=rowData['productVersion'];转换=rowData['转换'];//emailid=rowData['emailAddress'];emailid=logid；var form_ref=document.createElement("form");form_ref.id="viewform";form_ref.name="viewform";form_ref.action=redirectMainUrl+"showResult.action";form_ref.method="post";form_ref.target="_self";document.body.appendChild(form_ref);var cfgstField = document.createElement("input");cfgstField.name="sessiontoken";cfgstField.type="隐藏";cfgstField.value=会话令牌；form_ref.appendChild(cfgstField);var cfgidField = document.createElement("input");cfgidField.name="cfgid";cfgidField.type="隐藏";cfgidField.value=configid;form_ref.appendChild(cfgidField);var cfgnameField = document.createElement("input");cfgnameField.name="cfgname";cfgnameField.type="隐藏";cfgnameField.value=配置名称；form_ref.appendChild(cfgnameField);var cfgdescField = document.createElement("input");cfgdescField.name="cfgdesc";cfgdescField.type="隐藏";cfgdescField.value=configdesc;form_ref.appendChild(cfgdescField);var cfgenvField = document.createElement("input");cfgenvField.name="cfgenv";cfgenvField.type="隐藏";cfgenvField.value=configenv;form_ref.appendChild(cfgenvField);var cfgfileField = document.createElement("input");cfgfileField.name="cfgfile";cfgfileField.type="隐藏";cfgfileField.value=文件名；form_ref.appendChild(cfgfileField);var cfgabsField = document.createElement("input");cfgabsField.name="absFileName";cfgabsField.type="隐藏";cfgabsField.value=绝对路径；form_ref.appendChild(cfgabsField);var cfgdateField = document.createElement("input");cfgdateField.name="updatedDate";cfgdateField.type="隐藏";cfgdateField.value=更新日期；form_ref.appendChild(cfgdateField);var cfgproductField = document.createElement("input");cfgproductField.name="产品名称";cfgproductField.type="隐藏";cfgproductField.value=产品名称；form_ref.appendChild(cfgproductField);var cfgproductVersionField = document.createElement("input");cfgproductVersionField.name="productversion";cfgproductVersionField.type="hidden";cfgproductVersionField.value=产品版本；form_ref.appendChild(cfgproductVersionField);var projectIdField = document.createElement("input");projectIdField.name="projectid";projectIdField.type="隐藏";projectIdField.value=$("#projectId").val();form_ref.appendChild(projectIdField);var cfgprevPageField = document.createElement("input");cfgprevPageField.name="backpage";cfgprevPageField.type="hidden";cfgprevPageField.value=$("#backPage").val();form_ref.appendChild(cfgprevPageField);var hiddenEmailField = document.createElement("input");hiddenEmailField.setAttribute("type", "hidden");hiddenEmailField.setAttribute("name", "emailaddress");//hiddenEmailField.setAttribute("value", document.getElementById("usernamespan").innerHTML);hiddenEmailField.setAttribute("值", emailid);form_ref.appendChild(hiddenEmailField);var hiddenEmailField = document.createElement("input");hiddenEmailField.setAttribute("type", "hidden");hiddenEmailField.setAttribute("name", "fullmailid");hiddenEmailField.setAttribute("值", fullEmailId);form_ref.appendChild(hiddenEmailField);var hiddenConvertedField = document.createElement("input");hiddenConvertedField.setAttribute("type", "hidden");hiddenConvertedField.setAttribute("name", "converted");hiddenConvertedField.setAttribute("值", 已转换);form_ref.appendChild(hiddenConvertedField);设置超时(函数(){form_ref.submit();}, 10);} 解决方案
我建议您将当前代码从 loadComplete 删除到自定义格式化程序.使用自定义格式化程序，cellattr 或 rowattr 结合 gridview: true 是填充网格的最有效方法.有关详细信息，请参阅.例如
beforeSelectRow: function (rowid, e) {var iCol = $.jgrid.getCellIndex($(e.target).closest("td")[0]);if (this.p.colModel[iCol].name === 'cfgName') {//警报(开始！！！")；goToViewAllPage(rowid);返回假；}}您可以在 演示上了解我的意思.
I have a custom formatter that fire inside loadComplete of jqgrid. Need the same custom formatter to work when a row is dynamically added too. So i was thinking to call loadComplete() like any normal function. Custom formatter works well when grid is loaded, but does not take effect when a row is added later.
add row dynamically
function addRow(cfgid,cfgname,hostname,osname,cfgDesc,productId,cfgType,updateDate,emailAddress,absolutePath,fileName,productVersion,converted)
{
var myrow = {cfgId:cfgid, '':'', cfgName:cfgname, hostname:hostname, osname:osname, cfgDesc:cfgDesc, productId:productId,hostname:hostname,cfgType:cfgType,updateDate:updateDate,emailAddress:emailAddress,absolutePath:absolutePath,fileName:fileName,productVersion:productVersion,converted:converted};
$("#list1").addRowData(cfgid, myrow,"first");
//$("#list1").loadComplete(); does not work
$("#list1").trigger("reloadGrid");
$("#list1").sortGrid('updateDate', true, 'desc');
}
JqGrid
function drawDynamicGrid(xml)
{
var emptyMsgDiv = $('<div>No configurations loaded</div>');
var xmlObject=StringtoXML(xml);
var getColumnIndexByName = function (grid, columnName) {
var cm = grid.jqGrid('getGridParam', 'colModel'), i = 0, l = cm.length;
for (; i < l; i += 1) {
if (cm[i].name === columnName) {
return i; // return the index
}
}
return -1;
},
grid = jQuery("#list1"),
convertIcon = '<span class="ui-state-default" style="border:0" id="converted"><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span></span>',
iconAlert = '<span class="ui-state-error" style="border:0" id="expired"><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span></span>';
grid.jqGrid({
datastr : xml,
datatype: 'xmlstring',
colNames:['cfgId','Name', 'Host','Operating System', 'Description','Product', 'Type', 'Last Updated Time','Last Updated By','','','',''],
colModel:[
{name:'cfgId',index:'cfgId', width:90, align:"left", hidden:true},
{name:'cfgName',index:'cfgName', width:80, align:"left", formatter: 'showlink', formatoptions: {baseLinkUrl: '#'} },
{name:'hostname',index:'hostname', width:70, align:"left"},
{name:'osname',index:'osname', width:90, align:"left"},
{name:'cfgDesc',index:'cfgDesc', width:80, align:"left"},
{name:'productId',index:'productId', width:40, align:"left"},
{name:'cfgType',index:'cfgType', width:50, align:"left"},
{name:'updateDate',index:'updateDate',sorttype:'Date', width:120, align:"left"},
{name:'emailAddress',index:'emailAddress', width:120, align:"left"},
{name:'absolutePath',index:'absolutePath', width:90, align:"left", hidden:true},
{name:'fileName',index:'fileName', width:10, align:"left", hidden:true},
{name:'productVersion',index:'productVersion', width:10, align:"left", hidden:true},
{name:'converted',index:'converted', width:10, align:"left", hidden:true}
],
pager : '#gridpager',
rowNum:10,
rowList:[10,50,100],
scrollOffset:0,
height: 'auto',
emptyrecords: 'No configurations loaded',
autowidth:true,
viewrecords:true,
gridview: true,
multiselect: true,
xmlReader: {
root : "list",
row: "Response",
id: "cfgId",
userdata: "userdata",
repeatitems: false
},
loadComplete: function () {
var count = grid.jqGrid('getGridParam');
var ts = grid[0];
if (ts.p.reccount === 0) {
grid.hide();
emptyMsgDiv.show();
} else {
grid.show();
emptyMsgDiv.hide();
}
//for showlink and icon alert having date difference more than 90 days
var iRow, row, trClasses, $cell,
icfgName = getColumnIndexByName(grid, 'cfgName'),
iupdateDate = getColumnIndexByName(grid, 'updateDate'),
iconverted = getColumnIndexByName(grid, 'converted'),
mygrid = grid[0],
rows = mygrid.rows,
cRows = rows.length,
myLink = function (e) {
var $td = $(e.target).closest('td'),
text = $td.text(),
$tr = $td.closest('tr'),
rowid = $tr[0].id;
goToViewAllPage(rowid);
};
for (iRow = 0; iRow < cRows; iRow += 1) {
row = rows[iRow]; // row.id is the rowid
trClasses = row.className.split(' ');
if ($.inArray('jqgrow', trClasses) > 0) {
// the row is a standard row (only if subGrid:true are used)
var cellvalue1,firstDate,secondDate;
$cell = $(row.cells[icfgName]);
cellvalue1=$(row.cells[iupdateDate]).text();
firstDate = new Date();
//console.info(cellvalue1+", "+cellvalue1.length);
//var cellvalue1="08-18-2011 11:49:01";
var convertedText=$(row.cells[iconverted]).text();
if(cellvalue1.length>25)
{
secondDate=new Date();
//secondDate = secondDate.substring(0, secondDate.length-3);
if(diffOf2Dates(firstDate,secondDate,true)>=expireCondition)
{
$cell.prepend(iconAlert);
}
$cell.click(myLink);
}
else
{
if(cellvalue1.length!=1)
{
secondDate = cellvalue1.substring(0, cellvalue1.length-6);
if(diffOf2Dates(firstDate,secondDate,false)>=expireCondition)
{
$cell.prepend(iconAlert);
}
$cell.click(myLink);
}
//I want to add this Icon when a new row is added using addRowData
if(convertedText=="yes"&&supportEng)$cell.prepend(convertIcon);
}
}
}
}
});
grid.jqGrid('navGrid','#gridpager',{edit:false,add:false,del:false});
var myGrid = $("#list1");
$("#cb_"+myGrid[0].id).hide();
// place div with empty message insde of bdiv
emptyMsgDiv.insertAfter(grid.parent());
$("#list1").trigger("reloadGrid");
$("#list1").sortGrid('updateDate', true, 'desc');
$("#list1").setGridParam({rowNum:10});
}
Update
Server Response
<list>
<Response>
<cfgId>1223</cfgId>
<cfgName>ld</cfgName>
<cfgDesc>fhdf</cfgDesc>
<cfgType>Production</cfgType>
<fileName>4.xml</fileName>
<absolutePath>../../../xmlrepository/121/4_ver3.xml</absolutePath>
<emailAddress>mk@aol.com</emailAddress>
<projectId>121</projectId>
<hostname>abc-dev-01.24hourfit.com</hostname>
<createDate>2012-12-07 12:15:48.0 IST</createDate>
<updateDate>2012-12-07 12:15:48.0 IST</updateDate>
<state>1</state>
<productId>3</productId>
<osname>Linux</osname>
<productVersion>1.0 HotFix5</productVersion>
<converted>yes</converted>
</Response>
<Response>
<cfgId>1224</cfgId>
<cfgName>DD</cfgName>
<cfgDesc>dfsd</cfgDesc>
<cfgType>Production</cfgType>
<fileName>2.xml</fileName>
<absolutePath>../../../xmlrepository/121/2_ver1.xml</absolutePath>
<emailAddress>mk@aol.com</emailAddress>
<projectId>121</projectId>
<hostname>vkeh-jam</hostname>
<createDate>2012-12-07 12:21:31.0 IST</createDate>
<updateDate>2012-12-07 12:21:31.0 IST</updateDate>
<state>1</state>
<productId>3</productId>
<osname>HP-UX</osname>
<productVersion>5.0</productVersion>
<converted>no</converted>
</Response>
</list>
goToViewAllPage function
function goToViewAllPage(rowid)
{
var pageLoadContent='<table id="detailTable" width="100%"><tbody><tr><td align="center">Please Wait</td></tr><tr><td align="center"><img src="/informaticaCSM/infa9/csm/view/include/images/loading.gif" alt="Loading"/></td></tr></tbody></table>';
//rowid=rowid.substring(4, rowid.length);
$("#nextPageLoading").pageLoad({content:pageLoadContent});
$("#nextPageLoading").css({"cursor":"wait"});
$("#pageLoadingBackground").css({"cursor":"wait"});
var rowData = jQuery("#list1").getRowData(rowid);
configid = rowData['cfgId'];
configname=rowData['cfgName'];
configdesc=rowData['cfgDesc'];
configenv=rowData['cfgType'];
filename=rowData['fileName'];
updatedate=rowData['updateDate'];
absolutepath=rowData['absolutePath'];
productname=rowData['productId'];
productversion=rowData['productVersion'];
converted=rowData['converted'];
//emailid=rowData['emailAddress'];
emailid=logid;
var form_ref=document.createElement("form");
form_ref.id="viewform";
form_ref.name="viewform";
form_ref.action=redirectMainUrl+"showResult.action";
form_ref.method="post";
form_ref.target="_self";
document.body.appendChild(form_ref);
var cfgstField = document.createElement("input");
cfgstField.name="sessiontoken";
cfgstField.type="hidden";
cfgstField.value=sessiontoken;
form_ref.appendChild(cfgstField);
var cfgidField = document.createElement("input");
cfgidField.name="cfgid";
cfgidField.type="hidden";
cfgidField.value=configid;
form_ref.appendChild(cfgidField);
var cfgnameField = document.createElement("input");
cfgnameField.name="cfgname";
cfgnameField.type="hidden";
cfgnameField.value=configname;
form_ref.appendChild(cfgnameField);
var cfgdescField = document.createElement("input");
cfgdescField.name="cfgdesc";
cfgdescField.type="hidden";
cfgdescField.value=configdesc;
form_ref.appendChild(cfgdescField);
var cfgenvField = document.createElement("input");
cfgenvField.name="cfgenv";
cfgenvField.type="hidden";
cfgenvField.value=configenv;
form_ref.appendChild(cfgenvField);
var cfgfileField = document.createElement("input");
cfgfileField.name="cfgfile";
cfgfileField.type="hidden";
cfgfileField.value=filename;
form_ref.appendChild(cfgfileField);
var cfgabsField = document.createElement("input");
cfgabsField.name="absFileName";
cfgabsField.type="hidden";
cfgabsField.value=absolutepath;
form_ref.appendChild(cfgabsField);
var cfgdateField = document.createElement("input");
cfgdateField.name="updatedDate";
cfgdateField.type="hidden";
cfgdateField.value=updatedate;
form_ref.appendChild(cfgdateField);
var cfgproductField = document.createElement("input");
cfgproductField.name="productname";
cfgproductField.type="hidden";
cfgproductField.value=productname;
form_ref.appendChild(cfgproductField);
var cfgproductVersionField = document.createElement("input");
cfgproductVersionField.name="productversion";
cfgproductVersionField.type="hidden";
cfgproductVersionField.value=productversion;
form_ref.appendChild(cfgproductVersionField);
var projectIdField = document.createElement("input");
projectIdField.name="projectid";
projectIdField.type="hidden";
projectIdField.value=$("#projectId").val();
form_ref.appendChild(projectIdField);
var cfgprevPageField = document.createElement("input");
cfgprevPageField.name="backpage";
cfgprevPageField.type="hidden";
cfgprevPageField.value=$("#backPage").val();
form_ref.appendChild(cfgprevPageField);
var hiddenEmailField = document.createElement("input");
hiddenEmailField.setAttribute("type", "hidden");
hiddenEmailField.setAttribute("name", "emailaddress");
//hiddenEmailField.setAttribute("value", document.getElementById("usernamespan").innerHTML);
hiddenEmailField.setAttribute("value", emailid);
form_ref.appendChild(hiddenEmailField);
var hiddenEmailField = document.createElement("input");
hiddenEmailField.setAttribute("type", "hidden");
hiddenEmailField.setAttribute("name", "fullemailid");
hiddenEmailField.setAttribute("value", fullEmailId);
form_ref.appendChild(hiddenEmailField);
var hiddenConvertedField = document.createElement("input");
hiddenConvertedField.setAttribute("type", "hidden");
hiddenConvertedField.setAttribute("name", "converted");
hiddenConvertedField.setAttribute("value", converted);
form_ref.appendChild(hiddenConvertedField);
setTimeout(function(){
form_ref.submit();
}, 10);
}
解决方案
I would suggest you to remove the current code from loadComplete to custom formatter. Using of custom formatters, cellattr or rowattr in combination with gridview: true is the most effective way to fill the grid. See the answer for more details.
You can change the definition of 'cfgName' column to the following:
{name: 'cfgName', width: 80, classes: "myLink",
formatter: function (cellValue, options, rowObject) {
var converted = rowObject.converted === undefined ?
$(rowObject).find(">converted").text(): rowObject.converted,
updateDate = rowObject.updateDate === undefined ?
$(rowObject).find(">updateDate").text(): rowObject.updateDate;
return (isAlertedDate(updateDate) ? iconAlert: "") +
(converted === "yes" ? convertIcon : "") +
"<span>" + cellValue + "</span>";
},
cellattr: function () {
return " title="Click here to go to ViewAllPage"";
}}
You can use use your current diffOf2Dates function inside of the implementation of isAlertedDate. Moreover I suggest don't use links (<a>) at all to make the code more easy. Instead of that I use classes: "myLink" and I defined the following CSS
.myLink { text-decoration: underline; cursor: pointer; }
The resulting grid will look exactly as before:
To execute some JavaScript code on click on the link (and even on click in the cell with the link) one can use beforeSelectRow or onCellSelect callback. For example
beforeSelectRow: function (rowid, e) {
var iCol = $.jgrid.getCellIndex($(e.target).closest("td")[0]);
if (this.p.colModel[iCol].name === 'cfgName') {
//alert("GO!!!");
goToViewAllPage(rowid);
return false;
}
}
You can see what I mean on the demo.
这篇关于在jqgrid中添加新行后如何触发loadComplete?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
