내 편집 양식에 아이콘 추가하기

Question

편집 양식에 아이콘을 추가하려고합니다. 아이콘이 예상대로 나타나지만 클릭 이벤트에 반응하지 않습니다. loadComplete에서

{name:'characteristic', index:'characteristic', width:150, editable: true, 
    editoptions:{rows:'3',cols:'50'}, editrules:{edithidden:true}, 
    formoptions:{rowpos:3, colpos:1,label:"Characteristic:", 
    elmsuffix: " <img class='genericnotes' src='/QMSWebApp/Images/addnote[3].jpg'>"}, 
    edittype:'textarea'}, 

: 다음 colModel에서 무료있는 jqGrid 4.13

사용

$('.genericnotes').on("click", function(){ 
    var tControl = this.name; 
    alert(tControl); 

    //$('.miscdisplay').load("/QMSWebApp/FirstArticleControllerServlet", 
    //{lifecycle:"faieditlistdisplay", 
    //tControl:tControl, 
    //source:0}); 
    //$('.miscdisplay').show("slide", { direction: "right" }, 1000); 
}); 

Answer 1

보십시오 때문에 양식 편집 현재 존재하지 않습니다. 대신 양식 편집의 beforeShowForm 콜백을 사용해야합니다. 무료 jqGrid는 formEditing 옵션의 jqGrid (the wiki article 참조) 내에 양식 편집 옵션/콜백을 지정할 수 있습니다. 따라서 당신은 작동하지 않았다

formEditing: { 
    beforeShowForm: function() { 
     $("#characteristic") // select textarea#characteristic 
      .next(".genericnotes") 
      .on("click", function() { 
       alert("Click"); 
      }); 
    } 
} 

Answer 2

그것은 loadComplete의 내부 $('.genericnotes').on("click", function(){...});을 사용하는 잘못 var tControl = $(this).attr("name");