Dorado 9 : TabBar(DCUG)

基本特性

TabBar就是TabControl的标签条部分,如下红框内部的子控件:

因此TabBar中的大部分的功能和特性都已经在TabControl中详细描述过,详情请参考:TabControl(DCUG)

我们来看一下TabControl对象的JS构造方法:

dorado.widget.TabControl = $extend(dorado.widget.TabBar, /** @scope dorado.widget.TabControl.prototype **/ {
	$className: "dorado.widget.TabControl",
	
	constructor: function() {
		this._cardBook = new dorado.widget.CardBook();
		this.registerInnerControl(this._cardBook);
		
		$invokeSuper.call(this, arguments);
	},
	...

注意内部声明了一个CardBook,也就是说TabControl控件实际上是两个控件结合起来的复合控件:

CardBook是一个卡片簿控件,每次只能显示一张卡片,当我们切换TabControl不同标签页的时候就将其中的一个卡片放在最上面显示,这样就达到了标签页翻页的页面操作效果。

有关CardBook控件的详细使用说明请参考:CardBook(DCUG)

Attachments:

TabBarPreview.PNG (image/png)
TabControl结构.png (image/png)