1

我正在考虑使用 Kendo UI 的 Grid。

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

谢谢你。

约瑟夫。

4

1 回答 1

4

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

                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 的演示页面

我希望回答你的问题！

于 2012-09-04T09:04:53.727 回答