基本特性
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)