Javascript 剑道分裂者：如何改变；可折叠：假"；拆分器的属性为；可折叠：真；点击按钮

我们能强迫剑道在点击按钮时将splitter的“可折叠：假”属性更改为“可折叠：真”吗

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

那么，如果我设置属性“collapsable:false”，但在运行时单击按钮将属性更改为“collapsable:true”，然后折叠，然后将其设置回“collapsable: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>

下面是我的代码演示的链接：

如果您需要任何其他细节，请建议并让我知道

提前谢谢

尝试更改您的美元（“#left”）。可折叠（true）；致：

更新的JSFIDLE:

---

编辑：以下是用于找到解决方案的文档：

这就是您想要做的吗？不，实际上我想做的是，在加载拆分器时，将可折叠属性设置为“false”，然后，如果你想展开或折叠，你将无法这样做。。。所以我想。。这可能是在运行时通过单击“按钮”将可折叠属性设置回“True”的方法之一。请参阅此提琴：

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");
});

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