Question

我希望dijit拆分器在用户点击时最小化，并在再次点击时返回其位置（我不关心可拖动功能）

我该怎么做？

在这个例子中，我希望右侧的面板在点击分割器时最小化

http://77.235.53.170/split/split.htm

Answer 1

您可以尝试在左侧窗格中使用dojox.layout.ExpandoPane。

var bc = new BorderContainer({
    splitter:true, 
    gutters:false
}, containerDiv);

new ExpandoPane({
    region:"left",
    title: "Expandable pane",
    className: yourClassName
}).placeAt(bc);

编辑：根据请求进行更新：

把它放在脑海中：

＆lt; link href =“js / dojox / layout / resources / ExpandoPane.css” rel =“stylesheet”type =“text / css”/＆gt;

像这样更改您的窗格：

<div id="leftCol" class="edgePanel" title="Left Expando" data-dojo-type="dojox/layout/ExpandoPane" data-dojo-props="title:'Left Expando', region: 'leading', splitter: true" style="width: 250px;">
    <div data-dojo-type="dijit/layout/TabContainer" style="width: 400px; height: 95%;"
        tabstrip="true">
        <div data-dojo-type="dijit/layout/ContentPane" title="Layers" selected="true">
            <div id="CheckboxTree">
            </div>
        </div>                
    </div>
</div>

如何通过点击最小化/最大化dijit分割器？

1 个答案: