将“选项”列添加到JQGrid?

时间:2013-08-14 19:57:16

标签: java jsp jqgrid struts2

我正在使用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")这是我的网格

你可以帮我:)?

1 个答案:

答案 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 + ")'/>"; 
    } 
    }
} 
    ]