选择后无法通过在Combogrid中按Enter插入数据

时间:2019-04-30 09:02:11

标签: jquery-easyui

我正在使用combogrid加载数据以插入到datagrid中。我在onSelect中将插入数据称为datagrid。那就是说,当我选择任何数据或按向下键滚动我的所有数据时,这些行将被自动选择插入。但是我想浏览这些行,但是只有当我按下inter时,才会插入选定的行。

我正在通过使用KeyUp函数来尝试此操作。但这行不通。

这是我以前的代码:

组合网格添加到行

   function combogridData() {
        var g = $('#itemListGrid').combogrid('grid');   // get datagrid object
        var r = g.datagrid('getSelected');  // get the selected row
        $('#itemListGrid').keyup(function(e){
        if(e.keyCode == 13)
        {
            addrowtogrid(r);
        }
        });

        $('#itemListGrid').combogrid('clear');
    }

我的组合网格:

 <select id="itemListGrid" class="easyui-combogrid" style="width:100%"  data-options="

  panelWidth: 600,
  loader: myloader,
  mode: 'remote',
  idField: 'book_id',
  textField: 'name',
  method: 'get',
  value: '',
  columns: [[
      {field:'book_id',title:'Item ID',width:'7%'},
      {field:'name',title:'Book Name',width:'48%'},                                          
      {field:'retail',title:'retail',width:'5%',align:'right',hidden:true},
      {field:'local_sale',title:'local',width:'7%',align:'right'},
      {field:'whole_sale',title:'Whole',width:'8%',align:'right'},
      {field:'isbn',title:'ISBN',width:'15%'},
      {field:'authors',title:'Authors',width:'15%'},
       ]],
 fitColumns: true,
 labelPosition: 'top',
 onSelect:combogridData ">

我正在尝试使用以下代码:

        function combogridData() {
        var g = $('#itemListGrid').combogrid('grid');   // get datagrid object
        var r = g.datagrid('getSelected');  // get the selected row
        $('#itemListGrid').keyup(function(e){
        if(e.keyCode == 13)
        {
            addrowtogrid(r);
        }
        });

        $('#itemListGrid').combogrid('clear');
    }

1 个答案:

答案 0 :(得分:1)

我有自己的解决方案。 不再需要添加onSelect了。 刚刚添加

      $('#itemListGrid').combogrid('textbox').bind('keyup', function(e){
      if (e.keyCode == 13){   // when press ENTER key, accept the inputed value.
      var g = $('#itemListGrid').combogrid('grid'); //get the combogrid
      var r = g.datagrid('getSelected'); //get selected value
      addrowtogrid(r); //add to another datagrid
    }
    }); 

在JQuery document.ready()下。 运行良好。谢谢。