jqGrid показать значок «edit» для редактирования строки

Question

Я использую jqGrid с встроенным редактором. Я хочу показать значок редактирования, если ячейка не имеет никаких значений.

Так я пишу форматчик:

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

Отображается you can edit this текст, когда я нажимаю на него поле ввода отображается правильно, однако в поле ввода в качестве начального значения you can edit this?

Как это исправить?

---

Я использую jqGrid через struts 2 jquery tags plugin, который построен на jqGrid версии

Answer 1

Я думаю, что вы должны определить unformatter (unformat) вместе с форматированием. Например,

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) таким же образом, как вы можете использовать standard formatters"integer", "date" и другие ,

Answer 2

Это покажет значок «редактировать» вместо «вы можете изменить это» в сетке

function aFormatter(cellvalue, options, row) { 
    if(cellvalue == null) {   
     return '<span class="ui-icon ui-icon-pencil"></span>' 
    } else { 
     return cellvalue; 
    } 
}