Kendo ui 剑道主窗口小部件HTML需要手动删除

一旦剑道小部件被销毁，页面中就不再需要它和它的HTML。框架清除小部件外部的所有HTML，但不清除小部件内部的HTML。因此，每次销毁小部件时，我都需要编写几行代码来删除主小部件中的HTML。

---

如何避免使用这个样板代码删除主小部件元素中的HTML？为什么剑道不清理主小部件中的HTML？

剑道小部件的

destroy（）

方法正在准备将小部件从站点中删除。假设您想要删除一个包含一个或几个小部件的大容器。使用

destroy（）

方法分别删除所有小部件的html，然后删除容器将导致性能下降

我不知道您在哪里看到了几行要销毁和删除小部件的代码-只有两行：

$("#widget").data("yourWidget").destory();
$("#widget").remove();

而且，您可以轻松创建自己的全局函数来销毁和删除小部件：

function deleteWidget(kendoWidget){
    var element = kendoWidget.element;
    kendoWidget.destroy();
    element.remove();
}

如果要重新创建小部件，可以使用：

function emptyWidget(kendoWidget){
    var element = kendoWidget.element;
    kendoWidget.destroy();
    element.empty();
}

然后，您可以使用空的html元素来创建新的小部件

有关销毁官方剑道文档中的小部件的更多信息：