KendoUI Grid从AutoComplete中选择相邻单元格

时间:2013-03-22 11:01:20

标签: jquery kendo-ui kendo-grid

我有一个自动完成设置,所有工作都在为我的网格中的一个单元格工作。

如何选择下一个相邻的<td>input,以便我可以使用我指定的值填充它?

我知道我需要改变的第一件事是id需要继续输入。所以它只是一个选择下一个单元格/输入的情况。

这是我的下拉代码:

function partNumberScanner(container, options)
{
  $('<input id="partEntry" class="k-input k-textbox" data-bind="value:' + options.field + '"/>')
  .appendTo(container);
  $('#partEntry').kendoAutoComplete({
    dataTextField: "idealForm",
    dataValueField: "Id",
    dataSource: {
      serverFiltering: true,
      transport: {
        read: {
          url: ROOT+"part/fetchParts",
          type: "POST",
          dataType: "json"
        }
      },
      error: function(e) {
        alert(e.errorThrown+"\n"+e.status+"\n"+e.xhr.responseText) ;
      },
      schema: {
        id: "id",

      }
    },
    change: function(e)
    {

    },
    minLength: 5,
    filter: "contains",
    placeholder: "Start typing...",
    change: function(e) {
      selectedPart = this.value();
      alert(this.element[0].id)

      $(this).next('td').val(selectedPart);
    }
  });
}

1 个答案:

答案 0 :(得分:1)

将选择定义为:

select        : function (e) {
    var index = e.item.index();
    var item = this.dataItem(e.item.index());
}

其中indexAutoComplete中选择的条目编号,而item包含自动完成中使用的DataSource中的信息。