Question

我有一个带有kendo listview的页面，它为每个项目呈现UL和LI。我正在尝试将该listview转换为面板栏以实现手风琴效果，其中只展开列表中的一个项目。以下代码没有明显的效果：

$("#myList").kendoPanelBar({
    expandMode: "single"
});

是否有人将列表视图转换为面板栏？

Answer 1

我已在listview dataBound event中成功将listview更改为面板栏，如下所示：

<ul id="listView"></ul>
<script>
    $("#listView").kendoListView({
        template: "<li>#: name# <div>Age: #: age#</div></li>",
        dataSource: [
            { name: "John Doe", age: 30 },
            { name: "Jane Doe", age: 29 }
        ],
        dataBound: function() {
            $("#listView").kendoPanelBar({
                expandMode: "single"
            });
        }
    });
</script>

将kendo listview转换为面板栏

1 个答案: