Kendo Splitter: Как изменить свойство сплиттера "collapsible: false" на нажатие кнопки на "collapsible: true"

Question

Можем ли мы заставить Kendo при щелчке кнопки изменить свойство splatterible: false для разделителя на "collapsible: true"??

При загрузке, если свойство Splitter "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");
});

Вот ссылка для демонстрации моего кода: 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