2012-03-04 17 views
0

ここにはjqgridがあります。私がしたいのは、グリッド内のデータをダブルクリックすると、別のdivに金額データと説明が表示されます。注意してください、彼らは同じhtmlページにあります。jqgridの値をdblClickの別のdivの入力ボックスに渡します。

$("#tblIncDed").jqGrid({ 
     data: '', 
    datatype: "local",  
    colNames:['Code','Description', 'Taxable','Amount'], 
     colModel:[ 
     {name:'ded_code',width: 85}, 
      {name:'ded_desc'}, 
      {name:'taxable',width: 95}, 
      {name:'amount', formatter:'currency', align:'right',width: 85} 
    ], 
    rowNum:20,            
    viewrecords: true, 
    rowList:[20,50,100],   
    ppager: '#tblIncDedPager', 
    viewrecords: true, 
    caption: "Details", 
    ondblClickRow: function() { 
     alert(parent.$(this).jqGrid('getCell',($(this).jqGrid('getGridParam', 'selrow')),'ded_desc'));//returns false 
     var desc = $("#tblIncDed").jqGrid('getCell',($("#tblIncDed").jqGrid('getGridParam', 'selrow')),'ded_desc'); 
     alert(desc);//also returns false 
     parent.$("#description").text($("#tblIncDed").jqGrid('getCell',($("#tblIncDed").jqGrid('getGridParam', 'selrow')),'ded_desc'));//displays false 
     parent.$("#amntDed").text($("#tblIncDed").jqGrid('getCell',($("#tblIncDed").jqGrid('getGridParam', 'amount')),'ded_desc'));//displays also false 
     $("#editIncDed").dialog("open"); 

    }  
    }); 

HTMLコード::私は本当に別のdivの他の要素に値を表示する方法がわからない

<div id="editIncDed" title="Edit Earnings Details"> 
    <b><span id="description"></span></b> <br> 
    Amount: 
     <br><input class="numeric" type="text" id="amntDed" value = "" class="numeric"/> 
</div> 

はここでJSコードです。これはそこにいる誰かには簡単に聞こえるかもしれませんが、私はそれを理解できません。

NOTE 私はこのコードことを知っている: alert('this is the description ' + $("#tblIncDed").jqGrid('getCell',($("#tblIncDed").jqGrid('getGridParam', 'selrow')),'ded_desc'));

は私が私のjqgridが配置されているのと同じdivの内側のボタンをクリックしたときに私は、選択された行の記述を警告します。私は取得し、別のdivからの要素にその値を表示したい。

答えて

0

documentationをご覧ください。

ondblClickRowイベントの場合は、 "rowid、iRow、iCol、e"を取得します。だから、これらのparamsでそれを呼び出してから、それらを使用する:応答のための

ondblClickRow: function(rowid, iRow, iCol, e) { 
alert('col is ' + iCol); 
alert('row is ' + iRow); 
} 
+0

おかげいますが、コードは、私がクリックされた列、行と列のインデックス番号を与えます。行と行をダブルクリックして入力ボックスと範囲を表示すると、金額と説明の価値を得たいと思っています。 – jayAnn

+0

ROWIDとiColを取得したら、getCellを使用してセルの値を取得できます。 $ .valと$ .textを使って、テキストボックスとスパンのテキストを設定します。 –

関連する問題