jqGrid는 라인 편집에서 '편집'아이콘을 표시합니다.

Question

인라인 편집 옵션이있는 jqGrid를 사용하고 있습니다. 셀에 값이없는 경우 편집 아이콘을 표시하려고합니다. 내가 초기 값 you can edit this, 그것은 입력 상자가 올바르게 표시됩니다에 그러나 입력 상자를 클릭하면

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

가 you can edit this 텍스트가 표시됩니다 :

그래서 나는 포매터를 쓰기?

는

내가 그것을 어떻게 를 해결할 수 있습니까? 이 표에서 "이 편집 할 수 있습니다"대신에 "편집"아이콘이 표시됩니다

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(); 
} 

나는 당신이 struts2 그리드 플러그인에 unformat을 지정할 수있는 방법을 모르겠어요.

또 하나의 방법은 다음과 같은 방식으로 포맷을 정의하는 것입니다 그것은 당신이 standard formatters"integer", "date" 등을 사용할 수 있습니다처럼 같은 방법으로 formatter: "yourFormatterName" (또는 struts2에서 아마 formatter = "yourFormatterName")를 사용할 수 있도록합니다

(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)); 

.

Answer 2

있는 jqGrid 버전에 구축이다 내가 struts 2 jquery tags plugin 통해있는 jqGrid를 사용하고

---

,

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