は、私はjQueryのに非常に新しいですIMG

Question

上のonclickイベントを追加し、OnClickImageがグローバル関数ではないので、私は、

function Clients(guid) 
{ 
var that = this; 

this.guid = guid; 
this.container = $("#Clients_" + that.guid); 

this.LoadClients = function() { 
var ids = that.container.find("#clients-tbl").getDataIDs(); 

    for (var i = 0; i < ids.length; i++) { 
     var row = that.container.find("#clients-tbl").getRowData(ids[i]); 

     var imgView = "<img src='../../Content/Images/vcard.png' style='cursor:pointer;' alt='Open case' onclick=OnClickImage(" + ids[i] + "); />"; 

     that.container.find("#clients-tbl").setRowData(ids[i], { CasesButtons: imgView }); 
    } 
} 


this.CreateClientsGrid = function() { 
    var clientsGrid = that.container.find("#widget-clients-tbl").jqGrid({ 
..... 
ondblClickRow:function(rowid) 
{ 
    --- 
} 
    loadComplete: function() { 
      that.LoadClients(); 


     } 
} 
this.OnClickImage=function(idClient){ 
    .... 
} 

this.Init = function() { 
    that.CreateClientsGrid(); 
}; 

this.Init(); 
} 

問題はonclickのであるいくつかの問題を抱えています。 どのようにしてOnClickImage関数を使用できますか？

Answer 1

clickイベントにさまざまな方法でバインドできます。たとえば、the answerの道をたどることができます。ちなみに、それはgetRowDataとsetRowDataのようにはるかに迅速に動作します。さらに、that.container.find("#clients-tbl")の結果をループのの外側に保存しての外側に保存し、その変数をループ内で使用する必要があります。 JavaScriptは動的言語であり、毎回の操作でもids.lengthが毎回実行されます。

もう1つの方法は、clickイベントバインディングを使用せずに、イベントを使用します。アプローチを説明し、対応するデモを提供するthe answerを参照してください。