jqGrid 显示用于行内编辑的“编辑”图标

我正在使用带有内联编辑选项的 jqGrid。如果单元格没有任何值，我想显示一个编辑图标。

所以我写了一个格式化程序：

 function aFormatter(cellvalue, options, row) {
        if(cellvalue == null){          
              return 'you can edit this';
        }else{
            return cellvalue;
        }
 }

The you can edit this显示文本，当我单击它时，输入框显示正确，但是输入框作为初始值you can edit this ?

我该如何修复它？

我正在使用 jqGridstruts 2 jquery tags plugin，它是基于 jqGrid 版本构建的

我认为你应该定义取消格式化程序（unformat http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter#unformatting）与格式化程序一起。例如，

formatter: function (cellvalue) {
   if (cellvalue == null) {          
      return "<span class='ui-icon ui-icon-pencil'></span>";
   } else {
      return cellvalue;
   };
},
unformat: function (cellValue, options, elem) {
    return $(elem).text();
}

我不确定你如何指定unformat在struts2网格插件中。

另一种方法是按以下方式定义格式化程序

(function ($) {
    "use strict";
    /*jslint unparam: true */
    $.extend($.fn.fmatter, {
        yourFormatterName: function (cellValue, options) {
            if (cellvalue == null) {          
                return "<span class='ui-icon ui-icon-pencil'></span>";
            } else {
                return cellvalue;
            };
        }
    });

    $.extend($.fn.fmatter.yourFormatterName, {
        unformat: function (cellValue, options, elem) {
            return $(elem).text();
        }
    });
}(jQuery));

它将允许您使用formatter: "yourFormatterName"（或者可能formatter = "yourFormatterName"在struts2中）就像你可以使用的一样标准格式化程序 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:predefined_formatter#predefined_format_types "integer", "date"和别的。