请教dijit.layout.TabContainer select 切换子pane的问题

0 0

请教dijit.layout.TabContainer select 切换子pane的问题5

在jodo1.3.2（最新）环境下，
先建立一个dijit.layout.TabContainer，内有三个contentPane，如下：
    <div id="maintab" dojoType="dijit.layout.TabContainer"
splitter="true" region="center" tabPosition="top" tabStrip="true">
        <div dojoType="dijit.layout.ContentPane" title="tab #1"
id="tab1" style="display: none">
            tab pane #1
        </div>
        <div dojoType="dijit.layout.ContentPane" title="tab #2"
id="tab2" selected="true" style="display: none">
            tab pane #2
        </div>
        <div dojoType="dijit.layout.ContentPane" title="tab #3"
id="tab3" style="display: none">
            tab pane #3
        </div>
    </div>

现在不想通过鼠标点击ContentPane方式切换tab，而是用另外三个button一一对应上面的每个ContentPane，点击一个button，就能在tabContainer上切换到对应的ContentPane上。现在能做到使他们能关联上，能拿到TabContainer和ContentPane的id，想问的是：如何通过代码方式（具体就是一个onClick button event处理方法中）实现tabContainer去select并且呈现tabPane的内容？个人觉得应该是利用到tabContainer的某个api，但一直未找到。如果此方法行不通，还有没有其他解决方式

在网上找到很多方式，ff均报tabContainer没有这样的api，比如selectChild，showChild方法等。

JavaScript Dojo

2009年8月17日 11:29

justified
6
0 0 4

2个答案按时间排序按投票排序

0 0

TabContainer继承自StackContainer，而StackContainer有selectChild方法（参见StackContainer.js），参数就是ContentPane的id。所以结论就是：TabContainer有selectChild方法。

dojo.declare("dijit.layout.TabContainer",[dijit.layout.StackContainer, dijit._Templated],{//...});

selectChild: function(/*Widget*/ page){
		page = dijit.byId(page);
		if(this.selectedChildWidget != page){
			// Deselect old page and select new one
			this._transition(page, this.selectedChildWidget);
			this.selectedChildWidget = page;
			dojo.publish(this.id+"-selectChild", [page]);

			if(this.persist){
				dojo.cookie(this.id + "_selectedChild", this.selectedChildWidget.id);
			}
		}
	}

2009年8月19日 21:53