我正在使用Struts 2的JQuery插件来显示网格(jqGrid),但我想添加一个包含编辑,删除等选项的列。
我正在遵循jqGrid官方文档中的本指南
http://trirand.com/blog/jqgrid/jqgrid.html
我正在订阅网格加载时向每行添加内容的事件,而是渲染一个按钮只显示简单的html代码:
$(function(){
$.subscribe("addOptions",function(){
var ids=$("#procedimientos").jqGrid('getDataIDs');
for(var i=0;i<ids.length;i++){
be = "<input style='height:22px;width:20px;' type='button' value='E' />";
$("#procedimientos").jqGrid('setRowData',ids[i],{opciones: be});
}
});
$("#procedimientos")
这是我的网格
答案 0 :(得分:1)
我们可以使用格式化程序回调函数来渲染按钮,如下所示
colNames :
[ 'Name1',
'name2',
],
colModel : [
{name : 'name1',index : 'id',width : 50,align : 'center'} ,
{name : 'name2',index : 'name2',editable : false,width : 120,formatter:
function (cellvalue, options, rowObject) {
if(cellvalue=='cond1'){
return "<\input type='button' value='Add' onclick='func1(" + options.rowId + ")'/>";
}
else if(cellvalue == 'cond2'){
return "<\input type='button' value='Delete' onclick='func2(" + options.rowId + ")'/>";
}
}
}
]