新 GWT 组件的新样式

Question

我正在使用 SmartGWT 2.4，并且有两种类型的 TabSet，每种类型都有不同的外观和感觉，而我在实现它时遇到了问题。

新的 TabSet 已实现如下：

public class MainTabSet extends TabSet{
    public MainTabSet(){
        super.setStylePrimaryName("MainTabSet");
        build();
    }

    private void build(){
        setMargin(6);
        setWidth100();
        setHeight100();  
        setStyleName("nt-main-tabset");
        Tab inboxTab = new Tab("Inbox");
        inboxTab.setPane(new InboxPane().get());
     }
}

基于最后一段（多次查找相同的组件类型）这里：

我定义了一个新类，它拥有与上面使用的相同的主要名称：

isc.defineClass("MainTabSet", "TabSet");

然后我向它添加了一些属性：

    isc.MainTabSet.addProperties({
        tabBarThickness:100,
        scrollerButtonSize:100,
        pickerButtonSize:100,

        symmetricScroller:false,
        symmetricPickerButton:false,

        scrollerSrc:"nothing",
        pickerButtonSrc:"nothingg",

        closeTabIconSize:100
    })

上面的代码是写在 load_skin.js 文件中第 6 部分（TabSet）的顶部。

现在，我仍然在 MainTabSet 中获得相同的旧 TabSet 外观和感觉。

我现在的问题是：

1. 我是否遵循正确的步骤来实现我的目标？

2. 我如何考虑为 TabSet 的某些子元素（例如 TabBar-）添加新类，但仅限于新组件（MainTabSet）？

谢谢你们。

Answer 1

根据文章的最后一段，您已经提到过，您应该调用 setScClassName("MainTabSet") 将 smartClient 的 js 类应用到您的 java 类。我认为应该是这样的：

public class MainTabSet extends TabSet{
    public MainTabSet(){
        setScClassName("MainTabSet");
        build();
    }

    private void build(){
        setMargin(6);
        setWidth100();
        setHeight100();  
        setStyleName("nt-main-tabset");
        Tab inboxTab = new Tab("Inbox");
        inboxTab.setPane(new InboxPane().get());
     }
}