1

ボタンをクリックしたときに、Kendo にスプリッターの「collapsible: 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

他の詳細が必要な場合は、提案してお知らせください。

前もって感謝します！

4

1 に答える 1

3

$("#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

于 2015-08-17T21:29:59.527 に答える