如何扩展Kendo UI小部件

Question

我在Kendo UI的官方网站上找不到任何有关扩展Kendo UI小部件或制作复合控件的官方文件。是否有如何做到这一点的示例？

- Andrej Kaurin

Answer 1

我即将撰写一篇关于此的文章，但您可以通过GitHub上的以下项目来创建插件。 目前有一个用于此的组合控件...

https://github.com/kendo-labs/kendo-plugins

这是一个使用AutoComplete和ListView进行组合的实时示例...

http://jsfiddle.net/burkeholland/G2f4a/embedded/result/

// thanks for making put a useless comment here stackoverflow

- Burke Holland

---

现在我们来谈谈...:-)我之前没有开始使用kendoui的唯一原因是因为我找不到如何扩展它。非常棒的工作。谢谢Holland。 - Andrej Kaurin

无法编辑帖子，因为它需要带有fiddle链接的代码。更新的kendo-plugins链接：https://github.com/kendo-labs/kendo-plugins - Lars Höppner

你能帮我解决这个问题吗？https://stackoverflow.com/questions/52545368/extend-kendo-multiselect - ataravati

Answer 2

现在已经有官方文档了：如何创建自定义Kendo小部件。

这里是一个半官方的社区插件链接。

以下是由John DeVight创建的widget示例。 这篇Stack Overflow文章展示了一个简单的示例，扩展了移动列表视图。

- Lars Höppner

---

今天应该接受这个答案。然而，上面的链接没有涵盖在使用AngularJS时创建自定义小部件的Kendo，尽管这不是OP所问的，但仍然非常有帮助 :) - AsGoodAsItGets

Answer 3

感谢！有了这个帮助，我可以做到这一点：

kendo.data.DataSource.prototype.dataFiltered = function () {
    // Gets the filter from the dataSource
    var filters = this.filter();

    // Gets the full set of data from the data source
    var allData = this.data();

    // Applies the filter to the data
    var query = new kendo.data.Query(allData);

    // Returns the filtered data
    return query.filter(filters).data;
}

- Rodolpho Brock