Kendo 拆分器：如何在单击按钮时将拆分器的 "collapsible: false" 属性 更改为 "collapsible: true"

Question

我们可以强制 Kendo 将拆分器的 "collapsible: false" 属性 更改为 "collapsible: true" 单击按钮吗？？

加载时，如果拆分器 属性 "collapsible" 设置为 "false"，则用户无法将其折叠回去..

那么如果我设置 属性 "collapsible:false" 但是在 运行 时间 时点击按钮改变 属性到"collapsible:true"然后崩溃再设置回"collapsible:false"???

这是我的代码：

HTML

<p>
    <button id="collapsePane" type="button" class="k-button">Collapse left pane</button>
    <button id="expandPane" type="button" class="k-button">Expand left pane</button>
</p>
<div id="splitter">
    <div id="left">Left column</div>
    <div>Main content</div>
</div>

JS

var splitterElement = $("#splitter").kendoSplitter({
    panes: [{
        size: "15%",
        resizable: true,
        collapsible: false,
    }, {
        size: "85%",
        resizable: true,
    }]
});


var splitter = splitterElement.data("kendoSplitter");

$("#collapsePane").click(function (e) {
    var splitter = $("#splitter").data("kendoSplitter");
    $("#left").collapsible(true);  /*How to change this property?*/
    splitter.collapse("#left");
});

$("#expandPane").click(function (e) {
    var splitter = $("#splitter").data("kendoSplitter");
    splitter.expand("#left");
});

这是我的代码演示的 Link：http://jsfiddle.net/hxtxokoq

如果您需要任何其他详细信息，请提出建议并告诉我。

提前致谢！

Answer 1

尝试改变你的 $("#left").collapsible(true);至：

splitter.options.panes[0].collapsible = true;

已更新 jsfiddle：http://jsfiddle.net/4w7k3gz3/3/

编辑：这是用于查找解决方案的文档：http://docs.telerik.com/kendo-ui/web/splitter/overview#change-pane-settings-after-initialization