Question

我正在考虑使用Kendo UI的网格。

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

谢谢。

约瑟夫。

Answer 1

在使用内联编辑实现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函数为该特定字段创建编辑器的实际标记。在您的情况下，唯一要做的就是实现AutoComplete小部件而不是下拉列表。此示例来自kendo UI的demo page

我希望回答你的问题！

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

1 个答案: