如何禁用Kendo ListView中的项目？

Question

我试图在Kendo listview控件中禁用一个项目。 我试过打电话

$('#itemid').prop('disabled', true);

但这没有效果（它是div ，不是input ）。 我不希望用户点击该项目。 我还尝试获取click事件处理程序并将它们暂时搁置一旁，从而禁用控件。

$('#itemid').data('events')

...应该给了我这些事件，但是它什么也没返回。 如何禁用列表视图中的项目？

Answer 1

Kendo UI目前还不真正支持此功能。 在Selectable的_tap方法中清除了选择。 您可以通过覆盖kendoSelectable的_tap方法来将某些东西混在一起，例如：

kendo.ui.Selectable.fn._myTap = kendo.ui.Selectable.fn._tap;
kendo.ui.Selectable.fn._tap =  function(e) {
    if ($(e.target).hasClass("my-disabled-item")) {
        return;
    }

    this._myTap(e);
}

并向ListView添加disableItem方法：

kendo.ui.ListView.fn.disableItem =  function(elem) {
    $(elem).addClass("my-disabled-item");
}

在此处查看禁用了前两个项目的演示： http : //jsfiddle.net/lhoeppner/vP2L9/

请注意，所有这些都可能随着升级而中断（无法保证Telerik会将这些代码保留在_tap方法中）。