java - 将 "Options"列添加到 JQGrid？

Question

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

你能帮我吗:)？

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