マイ編集フォームにアイコンを追加する

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