新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
    })

上面的代码是在第6节(TabSet)顶部的load_skin.js文件中编写的。

现在，我仍然得到了相同的老TabSet的外观和感觉在MainTabSet。

我现在的问题是：

1. 我是否按照正确的步骤来实现我的目标？
2. 我如何才能考虑TabSet -like 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());
     }
}