Question

我想生成一个垂直标题标题。使用headerPosition：'left'extjs自动旋转我的标题，但我想要的是产生这样的标题真实垂直模式：

˚F

我

→

Ť

电子

[R

可能吗？

谢谢任何人

Answer 1

有可能。旋转是CSS transform设置的mady，因此禁用它也是CSS可以实现的。 CSS示例：

#panel .x-panel-header-default-vertical .x-panel-header-text-container {
    -webkit-transform: none !important;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    overflow: visible;
}

#panel .x-panel-header-default-vertical .x-panel-header-text-container .x-header-text {
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre;

    width: 10px;
    height: 16px;
    display: block;
    overflow: visible;
}

这很有效，并且标题看起来像你期望的那样，由于某些布局定位，它是不可见的。我通过改变听众中标题元素的内联样式来走动：

listeners: {
    afterLayout: function() {
        this.header.titleCmp.el.setStyle('left', '0');
    }
}

工作样本：http://jsfiddle.net/28q5N/1/

垂直文本没有旋转extjs

1 个答案: