【问题标题】:pass jqgrid value to an inputbox inside another div on dblClick将 jqgrid 值传递给 dblClick 上另一个 div 内的输入框
【发布时间】:2012-03-04 02:13:47
【问题描述】:

我这里有一个 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 代码:

<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 的元素中获取并显示该值。

【问题讨论】:

    标签: jquery html jqgrid


    【解决方案1】:

    看看documentation

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

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

    【讨论】:

    • 感谢您的响应,但您的代码只给了我单击的列行和列的索引号。当我双击一行并将其显示为我的输入框和跨度时,我想获取金额和描述的值。
    • 一旦有了 rowid 和 iCol,就可以使用 getCell 来获取单元格的值。使用 $.val 和 $.text 来设置文本框的文本和跨度。
    猜你喜欢
    • 1970-01-01
    • 2014-10-31
    • 1970-01-01
    • 1970-01-01
    • 2016-08-07
    • 1970-01-01
    • 2019-01-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多