从jEasyUI组合中获取所选ID并插入datagrid第二个字段

时间:2014-11-07 10:32:58

标签: jquery jquery-easyui

基本上,我有第一列combogrid的 easyui-datagrid ,第二列不是输入字段,后续列。 这是代码

<table id="dg-form" class="easyui-datagrid" title="Details" style="width:100%;height:300px;" data-options="singleSelect: true, toolbar: '#tb', method: 'get', onClickRow: onClickRow">
  <thead>
    <tr>
       <th id="cc" data-options="field:'itemid',width:300, 
          editor: {
            type:'combogrid', options:{
            panelWidth:450,
            delay : 800,
            mode : 'remote',
            idField:'ITEM_CODE',
            textField:'ITEM_CODE',
            method:'post',
            url:'server_setup.php',
            required:true,
            loadMsg: 'Searching...',
            columns:[[
              {field:'ITEM_CODE',title:'ITEM_CODE',width:100},
              {field:'ITEM_NAME',title:'ITEM_NAME',width:200},
              {field:'QOH',title:'QOH',width:50}
            ]]
          }}">
      Item Code</th>

      <th data-options="field:'itemname',width:80,align:'left'">Item Name</th>
      <th data-options="field:'qty',width:80,align:'right',editor:{type:'numberbox',options:{precision:1}}">Qty</th>
      <th data-options="field:'remarks',width:250,editor:'text'">Remarks</th>
      <th data-options="field:'action',width:250,editor:'text'">Action</th>
    </tr>
  </thead>
</table>

当用户在“项目代码”字段中键入时,它将触发对服务器的AJAX调用以获取数据,当用户单击组合选择时,将插入 ItemCode 进入我的第一栏。我希望 ItemName 同时填充在第二列中,我该如何实现?我试过onSelect,onClick和其他几个没有成功。例如,onSelect在项目代码中的用户键之前触发。

1 个答案:

答案 0 :(得分:1)

管理以解决我自己的问题。 这是分享的代码。

function onSelect(index, row) 
{
    console.log (row.ITEM_CODE);
        var ed = $("#dg-form").datagrid("getEditor", {index:editIndex,field:"itemCode"});
        $(ed.target).val(row.ITEM_CODE);
}