windowpanescreen.js

echo3 很炫的ajax框架技术 js 演示demo ajax j2ee 里面有jsp演示代码

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

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

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

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

        var closeGroup = Echo.Application.generateUid();
        var maximizeGroup = Echo.Application.generateUid();
        var minimizeGroup = Echo.Application.generateUid();
        var moveGroup = Echo.Application.generateUid();
        var resizeGroup = Echo.Application.generateUid();
        var resizeMaximumGroup = Echo.Application.generateUid();
        var resizeMinimumGroup = Echo.Application.generateUid();
    
        Echo.ContentPane.call(this, {
            background: "#524f47",
            children: [
                new Extras.TabPane({
                    insets: "10px 20px",
                    tabActiveBorder: "2px groove #595b6c",
                    tabInactiveBorder: "1px outset #b6aebc",
                    borderType: Extras.TabPane.BORDER_TYPE_SURROUND,
                    tabInset: 28,
                    tabInactiveBackground: "#dcd6fb",
                    tabActiveBackground: "#ffffff",
                    children: [
                        new Echo.ContentPane({
                            styleName: "Photo.Countryside",
                            layoutData: {
                                title: this._msg["WindowPaneScreen.TabCountryside"]
                            }
                        }),
                        new Echo.ContentPane({
                            styleName: "Photo.Coral",
                            layoutData: {
                                title: this._msg["WindowPaneScreen.TabCoral"]
                            }
                        }),
                        this._colorContent = new Echo.ContentPane({
                            layoutData: {
                                title: this._msg["WindowPaneScreen.TabColorWindowTitle"]
                            },
                            background: "#ffffff",
                            children: [
                                new Echo.WindowPane({
                                    styleName: "GlassBlue2",
                                    contentWidth: "19em",
                                    contentHeight: "18em",
                                    movable: false,
                                    closable: false,
                                    resizable: false,
                                    title: this._msg["WindowPaneScreen.ChooseColor"],
                                    positionX: 0,
                                    positionY: 0,
                                    insets: "1em",
                                    children: [
                                        this._colorSelect = new Extras.ColorSelect({
                                            events: {
                                                property: Core.method(this, function(e) {
                                                    if (e.propertyName == "color") {
                                                        this._processSetColor(e);
                                                    }
                                                })
                                            }
                                        })
                                    ]
                                })
                            ]
                        })
                    ]
                }),
                this._configWindow = new Echo.WindowPane({
                    styleName: "Default",
                    width: "22em",
                    height: "22em",
                    positionX: "48%",
                    positionY: "10%",
                    closable: true,
                    maximizeEnabled: true,
                    title: this._msg["WindowPaneScreen.ConfigurationTitle"],
                    events: {
                        windowClosing: Core.method(this, this._processConfigurationClose)
                    },
                    children: [
                        new Extras.TabPane({
                            tabActiveBackground: "#ffffff",
                            insets: "3px 8px",
                            defaultContentInsets: "3px 8px",
                            children: [
                                new Echo.Column({
                                    layoutData: {
                                        title: this._msg["WindowPaneScreen.ConfigurationHelpTab"]
                                    },
                                    cellSpacing: 8,
                                    children: [
                                       new Echo.Label({
                                           text: this._msg["WindowPaneScreen.ConfigurationHelpText1"]
                                       }),
                                       new Echo.Label({
                                           text: this._msg["WindowPaneScreen.ConfigurationHelpText2"]
                                       })
                                    ]
                                }),
                                new Echo.Column({
                                    layoutData: {
                                        title: this._msg["WindowPaneScreen.ConfigurationMoveTab"]
                                    },
                                    children: [
                                        this._moveEnableButton = new Echo.RadioButton({
                                            group: moveGroup,
                                            text: this._msg["WindowPaneScreen.ConfigurationMoveEnable"],
                                            selected: true,
                                            events: {
                                                action: Core.method(this, this._processConfigMoveEnable)
                                            }
                                        }),
                                        new Echo.RadioButton({
                                            group: moveGroup,
                                            text: this._msg["WindowPaneScreen.ConfigurationMoveDisable"],
                                            events: {
                                                action: Core.method(this, this._processConfigMoveEnable)
                                            }
                                        })
                                    ]
                                }),
                                new Echo.Column({
                                    layoutData: {
                                        title: this._msg["WindowPaneScreen.ConfigurationResizeTab"]
                                    },
                                    cellSpacing: "1em",
                                    children: [
                                        new Echo.Column({
                                            children: [
                                                this._resizeEnableButton = new Echo.RadioButton({
                                                    group: resizeGroup,
                                                    text: this._msg["WindowPaneScreen.ConfigurationResizeEnable"],
                                                    selected: true,
                                                    events: {
                                                        action: Core.method(this, this._processConfigResizeEnable)
                                                    }
                                                }),
                                                new Echo.RadioButton({
                                                    group: resizeGroup,
                                                    text: this._msg["WindowPaneScreen.ConfigurationResizeDisable"],
                                                    events: {
                                                        action: Core.method(this, this._processConfigResizeEnable)
                                                    }
                                                })
                                            ]
                                        }),
                                        new Echo.Column({
                                            children: [
                                                this._resizeMinimumEnableButton = new Echo.RadioButton({
                                                    group: resizeMinimumGroup,
                                                    text: this._msg["WindowPaneScreen.ConfigurationResizeMinimumEnable"],
                                                    events: {
                                                        action: Core.method(this, this._processConfigResizeMinimum)
                                                    }
                                                }),
                                                new Echo.RadioButton({
                                                    group: resizeMinimumGroup,
                                                    selected: true,
                                                    text: this._msg["WindowPaneScreen.ConfigurationResizeMinimumDisable"],
                                                    events: {
                                                        action: Core.method(this, this._processConfigResizeMinimum)
                                                    }