2012-03-04 62 views
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的元素的值。

回答

0

看看documentation

對於ondblClickRow事件,您將獲得「rowid,iRow,iCol,e」。因此,使用這些參數來調用它,然後使用它們:

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

感謝您的回覆,但您的代碼僅給出了我單擊的列行和列的索引編號。當我雙擊一行並將其顯示爲我的輸入框和跨度時,我想要獲取數量和描述的值。 – jayAnn 2012-03-04 05:52:31

+0

一旦你有rowid和iCol,你可以使用getCell來獲取單元格的值。使用$ .val和$ .text來設置文本框和跨度的文本。 – 2012-03-04 18:24:29

相關問題