windowpanescreen.js

一个ajax富客户端的ajax类库

DemoApp.WindowPaneScreen = Core.extend(EchoApp.ContentPane, {

    _msg: null,
    _colorContent: null,
    _colorSelect: null,
    _configWindow: null,

    _closeEnableButton: null,
    _moveEnableButton: null,
    _resizeEnableButton: null,
    _resizeMaximumEnableButton: null,
    _resizeMinimumEnableButton: null,

    $construct: function() {
        this._msg = DemoApp.Messages.get(null);

        var closeGroup = EchoApp.generateUid();
        var moveGroup = EchoApp.generateUid();
        var resizeGroup = EchoApp.generateUid();
        var resizeMaximumGroup = EchoApp.generateUid();
        var resizeMinimumGroup = EchoApp.generateUid();
    
        EchoApp.ContentPane.call(this, {
            background: "#524f47",
            children: [
                new ExtrasApp.TabPane({
                    insets: "10px 20px",
                    tabActiveBorder: "2px groove #595b6c",
                    tabInactiveBorder: "1px outset #b6aebc",
                    borderType: ExtrasApp.TabPane.BORDER_TYPE_SURROUND,
                    tabInset: 28,
                    tabInactiveBackground: "#dcd6fb",
                    tabActiveBackground: "#ffffff",
                    children: [
                        new EchoApp.ContentPane({
                            styleName: "Photo.Countryside",
                            layoutData: {
                                title: this._msg["WindowPaneScreen.TabCountryside"]
                            }
                        }),
                        new EchoApp.ContentPane({
                            styleName: "Photo.Coral",
                            layoutData: {
                                title: this._msg["WindowPaneScreen.TabCoral"]
                            }
                        }),
                        this._colorContent = new EchoApp.ContentPane({
                            layoutData: {
                                title: this._msg["WindowPaneScreen.TabColorWindowTitle"]
                            },
                            children: [
                                new EchoApp.WindowPane({
                                    styleName: "GlassBlue2",
                                    width: 250,
                                    height: 290,
                                    movable: false,
                                    closable: false,
                                    resizable: false,
                                    title: this._msg["WindowPaneScreen.ChooseColor"],
                                    positionX: 5,
                                    positionY: 5,
                                    children: [
                                        new EchoApp.SplitPane({
                                            orientation: EchoApp.SplitPane.ORIENTATION_VERTICAL_BOTTOM_TOP,
                                            separatorPosition: 32,
                                            children: [
                                                new EchoApp.Row({
                                                    styleName: "ControlPane",
                                                    children: [
                                                        new EchoApp.Button({
                                                            styleName: "ControlPane.Button",
                                                            text: this._msg["WindowPaneScreen.TabColorSetButton"],
                                                            icon: "image/Icon24Yes.gif",
                                                            events: {
                                                                action: Core.method(this, this._processSetColor)
                                                            }
                                                        })
                                                    ]
                                                }),
                                                this._colorSelect = new ExtrasApp.ColorSelect({
                                                    layoutData: {
                                                        insets: 10
                                                    }
                                                })
                                            ]
                                        })
                                    ]
                                })
                            ]
                        })
                    ]
                }),
                this._configWindow = new EchoApp.WindowPane({
                    styleName: "TransGreen",
                    width: 300,
                    height: 300,
                    positionY: 80,
                    closable: false,
                    title: this._msg["WindowPaneScreen.ConfigurationTitle"],
                    events: {
                        windowClosing: Core.method(this, this._processConfigurationClose)
                    },
                    children: [
                        new ExtrasApp.TabPane({
                            tabActiveBackground: "#ffffff",
                            insets: "3px 8px",
                            defaultContentInsets: "3px 8px",
                            children: [
                                new EchoApp.Column({
                                    layoutData: {
                                        title: this._msg["WindowPaneScreen.ConfigurationHelpTab"]
                                    },
                                    cellSpacing: 8,
                                    children: [
                                       new EchoApp.Label({
                                           text: this._msg["WindowPaneScreen.ConfigurationHelpText1"]
                                       }),
                                       new EchoApp.Label({
                                           text: this._msg["WindowPaneScreen.ConfigurationHelpText2"]
                                       })
                                    ]
                                }),
                                new EchoApp.Column({
                                    layoutData: {
                                        title: this._msg["WindowPaneScreen.ConfigurationMoveTab"]
                                    },
                                    children: [
                                        this._moveEnableButton = new EchoApp.RadioButton({
                                            group: moveGroup,
                                            text: this._msg["WindowPaneScreen.ConfigurationMoveEnable"],
                                            selected: true,
                                            events: {
                                                action: Core.method(this, this._processConfigMoveEnable)
                                            }
                                        }),
                                        new EchoApp.RadioButton({
                                            group: moveGroup,
                                            text: this._msg["WindowPaneScreen.ConfigurationMoveDisable"],
                                            events: {
                                                action: Core.method(this, this._processConfigMoveEnable)
                                            }
                                        })
                                    ]
                                }),
                                new EchoApp.Column({
                                    layoutData: {
                                        title: this._msg["WindowPaneScreen.ConfigurationResizeTab"]
                                    },
                                    cellSpacing: 15,
                                    children: [
                                        new EchoApp.Column({
                                            children: [
                                                this._resizeEnableButton = new EchoApp.RadioButton({
                                                    group: resizeGroup,
                                                    text: this._msg["WindowPaneScreen.ConfigurationResizeEnable"],
                                                    selected: true,
                                                    events: {