KendoUI PanelBar:在崩溃时取消选择项目

时间:2013-12-17 17:07:09

标签: kendo-ui

如何在折叠时自动取消选择PanelBar项目?我正在使用2013.3.1119,并使用JavaScript创建PanelBar。

我从2009年发现了this thread,并尝试将其插入,但参数不匹配,但对我来说不起作用。我查看了API Reference以连接崩溃事件处理程序,并将它们放在一起,如下所示:

<script type="text/javascript">

    var panelBar;

    var onCollapse = function (e) {
        // access the collapsed item via e.item (HTMLElement)

        if (!e) { console.log('Error - e is ' + e); return; }
        if (!e.item) { console.log('Error - e.item is ' + e.item); return; }
        if (!e.item.unSelect) { console.log('Error - e.item.unSelect is ' + e.item.unSelect); return; }
        e.item.unSelect();
    };

    $(document).ready(function () {
        panelBar = $("#bids").kendoPanelBar({
            collapse: onCollapse
        });
    });

</script>

但这仍然不起作用,它说e.item.unSelect未定义。我查看了e.item和panelBar对象,但找不到任何与取消选择相关的方法。我该怎么做呢?它仍然受支持吗? 感谢

1 个答案:

答案 0 :(得分:4)

将onCollapse定义为:

function onCollapse(e) {
     $(".k-state-selected", e.item).removeClass("k-state-selected k-state-focused");
}

此处示例:http://jsfiddle.net/OnaBai/htmFG/