Question

我这里有一个jqgrid。我想要做的是当我双击网格内的数据时，它将在另一个div中显示数量数据和描述。请注意，它们位于相同的html页面中。

这是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 code：

<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内的按钮时，

会提醒我所选行的描述。我只想在另一个div的元素中显示该值。

Answer 1

查看documentation。

对于ondblClickRow事件，您将获得“rowid，iRow，iCol，e”。所以用那些参数调用它然后使用它们：

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

将jqgrid值传递给dblClick上另一个div内的输入框

1 个答案: