在dojo中创建自定义StackController

时间:2014-09-11 13:22:48

标签: dojo

我希望使用自定义链接在不同的ContentPane上导航,该链接位于表格的左侧(即屏幕x.x),我该怎么做而不是使用默认的StackController。

请提前帮助我,因为我是这个道场的新手,感谢提前。

<table>
<tr>
    <td>
    <table border='1' cellspacing='5' cellpadding='5'>
        <tr><th>Category 1</th><td>Screen 1.1</td></tr>

        <tr><th rowspan='3'>Category 2</th><td>Screen 2.1</td></tr>
        <tr><td>Screen 2.2</td></tr>
        <tr><td>Screen 2.3</td></tr>

        <tr><th rowspan='2'>Category 3</th><td>Screen 3.1</td></tr>
        <tr><td>Screen 3.2</td></tr>            
    </table>
    </td>
    <td>
        <div data-dojo-type="dijit.layout.StackController" data-dojo-props="containerId:'stackContainer'"></div> 
        <div data-dojo-type="dijit.layout.StackContainer" id="stackContainer">
            <div data-dojo-type="dijit.layout.ContentPane" id='cnt_0101' title="Screen 1.1">
                Categor 1 - Screen 1.1
            </div>

            <div data-dojo-type="dijit.layout.ContentPane" id='cnt_0201' title="Screen 2.1">
                Categor 2 - Screen 2.1
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" id='cnt_0202' title="Screen 2.2">
                Categor 2 - Screen 2.2
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" id='cnt_0203' title="Screen 2.3">
                Categor 2 - Screen 2.3
            </div>

            <div data-dojo-type="dijit.layout.ContentPane" id='cnt_0301' title="Screen 3.1">
                Categor 3 - Screen 3.1
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" id='cnt_0302' title="Screen 3.2">
                Categor 3 - Screen 3.2
            </div>
        </div>
    </td>
    </tr>

大家好,

我希望使用自定义链接在不同的ContentPane上导航,该链接位于表格的左侧(即屏幕x.x),我该怎么做而不是使用默认的StackController。

请提前帮助我,因为我是这个道场的新手,感谢提前。

1 个答案:

答案 0 :(得分:0)

<script>
function navigateTo(divContainer)
{
    this.dijit.byId('stackContainer').selectChild(divContainer)
}
</script>

selectChild()是可用于导航到Stack Container布局中不同容器的方法。