Kendo UI - 带自定义自动完成功能的网格

我在考虑使用Kendo UI的网格。Kendo UI - 带自定义自动完成功能的网格

但是，我有点不确定它的灵活性和定制。我真正需要的是在线编辑，但同时我想完全控制这一点。例如，我们开发了一个自定义的自动完成（使用jquery和javascript）。并希望在Kendo UI的Grid中使用此自定义自动完成功能。我不知道是否有人已经使用这种方法，因为我无法在Kendo UI中找到这种级别的定制。

谢谢。

Joseph。

来源

2012-09-04 Joseph Caruana

在内联编辑中实现kendo网格时，可以为每个单独的字段指定自定义编辑器。例如，它可以在使用这种配置来完成：

   columns: [ 
        { field:"ProductName",title:"Product Name" }, 
        { field: "Category", width: "150px", editor: categoryDropDownEditor }, 
        { field: "UnitPrice", title:"Unit Price", format: "{0:c}", width: "150px" }, 
        { command: "destroy", title: " ", width: "110px" }], 
       editable: true

其中用于categoryDropDownEditor的代码如下所示：

function categoryDropDownEditor(container, options) { 
        $('<input data-text-field="CategoryName" data-value-field="CategoryName" data-bind="value:' + options.field + '"/>') 
         .appendTo(container) 
         .kendoDropDownList({ 
          autoBind: false, 
          dataSource: { 
           type: "odata", 
           transport: { 
            read: "http://demos.kendoui.com/service/Northwind.svc/Categories" 
           } 
          } 
         }); 
       }

这里会发生什么事是，categoryDropDownEditor功能为创建acutal标记编辑器，针对该特定领域。在你的情况下，唯一需要做的就是实现一个自动完成小部件，而不是一个下拉列表。这个例子是从剑道UI的demo page

我希望能回答你的问题！

来源

2012-09-04 09:04:53 Logard

感谢您花时间回复我的问题并回答这个问题，非常感谢！ –

我会在几分钟内标记为答案...因为它不允许我:)谢谢！ –

没问题，我很乐意帮助:)我实现了很多我的自我，当你掌握它时，你真的可以节省一些时间。 – Logard

Kendo UI - 带自定义自动完成功能的网格

回答

相关问题