基本特性

与TabBar与TabControl的关系一样，TabColumn是VerticalTabControl控件对应的标签条控件(红圈内的部分)：

与TabControl的结构类似，VerticalTabControl也是由一个TabColumn和一个CardBook控件组成的复合控件。

我们来看一下VerticalTabControl对象的JS构造方法：

dorado.widget.VerticalTabControl = $extend(dorado.widget.TabColumn, /** @scope dorado.widget.VerticalTabControl.prototype **/ {
    $className: "dorado.widget.VerticalTabControl",

    constructor: function() {
        $invokeSuper.call(this, arguments);

        this._cardBook = new dorado.widget.CardBook();
        this.registerInnerControl(this._cardBook);
    },
    ...

页面结构如下：

另外TabColumn中的标签内容较多，且操作自身高度的时候会自动出现滚动栏：

TabColumn的基本特性和使用技巧请参考：VerticalTabControl(DCUG)

Dorado 9 : TabColumn(DCUG)

基本特性

Attachments: