ここには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からの要素にその値を表示したい。
おかげいますが、コードは、私がクリックされた列、行と列のインデックス番号を与えます。行と行をダブルクリックして入力ボックスと範囲を表示すると、金額と説明の価値を得たいと思っています。 – jayAnn
ROWIDとiColを取得したら、getCellを使用してセルの値を取得できます。 $ .valと$ .textを使って、テキストボックスとスパンのテキストを設定します。 –