StackContainer – это диджит компоновки, который отображает целую последовательность элементов одновременно. Концептуально StackContainer напоминает слайдшоу, когда можно переходить взад и вперед от страницы к странице в «стопке» элементов. Так как StackContainer является контейнерным диджитом компоновки, вы заботитесь лишь о том, чтобы передать ему некоторое число дочерних виджетов, а он позаботится об их отображении. При таком типичном использовании, как показано в примере 14.4, вы получаете возможность просто перелистывать страницы.
Пример 14.4. Создание диджита StackContainer в разметке

<div id="stack" dojoType="dijit.layout.StackContainer"
style="width:100px; height:100px; margin:5px; border:solid 1px;">
<div dojoType="dijit.layout.ContentPane">
One fish...
</div>
<div dojoType="dijit.layout.ContentPane">
Two fish...
</div>
<div dojoType="dijit.layout.ContentPane">
Red fish...
</div>
<div dojoType="dijit.layout.ContentPane">
Blue fish...
</div>
</div>
(button dojoType="dijit.form.Button")<
<script type="dojo/method" event="onClick" args="evt">
dijit.byId("stack").back();
</script>
(/button)
(button dojoType="dijit.form.Button")>
<script type="dojo/method" event="onClick" args="evt">
dijit.byId("stack").forward();
</script>
(/button)

Если вы внимательно читали предыдущий пример создания диджитов компоновки программным способом, то пример 14.5 должен показать ся вам знакомым.
Пример 14.5. Создание диджита StackContainer программным способом

var container = new dijit.layout.StackContainer({}, "foo");
var leftChild = new dijit.layout.ContentPane({});
leftChild.domNode.innerHTML="page 1";
var rightChild = new dijit.layout.ContentPane({});
rightChild.domNode.innerHTML="page 2";
container.addChild(leftChild);
container.addChild(rightChild);
container.startup();
/* Перепрыгнуть с первой страницы на вторую... */
dijit.byId("foo").forward();

Добавлено: 25 Июля 2018 07:23:19 Добавил: Андрей Ковальчук Нравится 0

Добавить