0

I want the dijit splitter to minimize when user click it and go back to its position when clicked again (I don't care for the draggable feature)

how do I do it ?

In this example I want the panel on the right to minimize when click on the splitter

http://77.235.53.170/split/split.htm
4

1 回答 1

1

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

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

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

编辑:根据要求更新:

  1. 把它放在你的脑海中:

    <link href="js/dojox/layout/resources/ExpandoPane.css" rel="stylesheet" type="text/css" />

  2. 像这样改变你的窗格:

    <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>
    
于 2013-09-30T15:49:36.753 回答