0
我在這裏有一個jqgrid。我想要做的是當我雙擊網格中的數據時,它會在另一個div中顯示金額數據和描述。請注意,它們位於相同的HTML頁面中。將jqgrid值傳遞給dblClick上另一個div內的輸入框
這裏的js代碼:
$("#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 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>
我真的不知道如何顯示值到另一個div的其他元素。這聽起來很簡單,但我不知道。
注 我知道這個代碼: alert('this is the description ' + $("#tblIncDed").jqGrid('getCell',($("#tblIncDed").jqGrid('getGridParam', 'selrow')),'ded_desc'));
提醒,我選擇的,當我點擊我的地方的jqGrid放在同一格內的按鈕行的描述。我只想獲取並顯示來自另一個div的元素的值。
感謝您的回覆,但您的代碼僅給出了我單擊的列行和列的索引編號。當我雙擊一行並將其顯示爲我的輸入框和跨度時,我想要獲取數量和描述的值。 – jayAnn 2012-03-04 05:52:31
一旦你有rowid和iCol,你可以使用getCell來獲取單元格的值。使用$ .val和$ .text來設置文本框和跨度的文本。 – 2012-03-04 18:24:29