jsdevelopmentscreen.js

一个ajax富客户端的ajax类库

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

    $static: {
    
        HIERARCHAL_EXAMPLE:
                "var label;\n" +
                "var content = new EchoApp.ContentPane({\n" +
                "    children: [\n" +
                "        new EchoApp.SplitPane({ \n" +
                "            styleName: \"DefaultResizableLarge\",\n" +
                "            orientation: EchoApp.SplitPane.ORIENTATION_HORIZONTAL,\n" +
                "            children: [\n" +
                "                new EchoApp.Column({\n" +
                "                    layoutData: {\n" +
                "                        background: \"#4f4f5f\",\n" +
                "                        insets: 5\n" +
                "                    },\n" +
                "                    children: [\n" +
                "                        new EchoApp.Button({\n" +
                "                            styleName: \"Default\",\n" +
                "                            text: \"Alpha\",\n" +
                "                            events: {\n" +
                "                                action: function(e) {\n" +
                "                                    label.set(\"text\", \"A\");\n" +
                "                                }\n" +
                "                            }\n" +
                "                        }),\n" +
                "                        new EchoApp.Button({\n" +
                "                            styleName: \"Default\",\n" +
                "                            text: \"Bravo\",\n" +
                "                            events: {\n" +
                "                                action: function(e) {\n" +
                "                                    label.set(\"text\", \"B\");\n" +
                "                                }\n" +
                "                            }\n" +
                "                        })\n" +
                "                    ]\n" +
                "                }),\n" +
                "                label = new EchoApp.Label({\n" +
                "                    layoutData: {\n" +
                "                        alignment: \"center\"\n" +
                "                    },\n" +
                "                    font: { size: 200 },\n" +
                "                    text: \"?\"\n" +
                "                })\n" +
                "            ]\n" +
                "        })\n" +
                "    ]\n" +
                "});\n" 
    },

    _msg: null,
    
    $construct: function() {
        this._msg = DemoApp.Messages.get(null);
        
        var simpleCode = [
            this._code(["Example.Alpha", " = ", "Core.extend", "({"],
                    [this._msg["JSDevelopmentScreen.ClassNameAlpha"], null, this._msg["JSDevelopmentScreen.CoreExtend"]]),
            this._code(),
            this._code(["    _internalField", ": null,"],
                    [this._msg["JSDevelopmentScreen.InternalField"]]),
            this._code(),
            this._code(["    publicField", ": null,"],
                    [this._msg["JSDevelopmentScreen.PublicField"]]),
            this._code(),
            this._code(["    $construct", ": function(a) {"],
                    [this._msg["JSDevelopmentScreen.Constructor"]]),
            this._code(["        this._internalField = a;"]),
            this._code(["    },"]),
            this._code(),
            this._code(["    _internalMethod", ": function(x, y) {"],
                    [this._msg["JSDevelopmentScreen.InternalMethod"]]),
            this._code(["        return x * y - 2;"]),
            this._code(["    },"]),
            this._code(),
            this._code(["    publicMethod", ": function(x, y) {"],
                    [this._msg["JSDevelopmentScreen.PublicMethod"]]),
            this._code(["        return this._internalField * x / (y + 3);"]),
            this._code(["    }"]),
            this._code(["});"])
        ];
        
        var advancedCode = [
            this._code(["Example.Beta", " = ", "Core.extend", "(", "Example.Gamma", ", {"], 
                    [this._msg["JSDevelopmentScreen.ClassNameBeta"], null, this._msg["JSDevelopmentScreen.CoreExtend"], null, 
                    this._msg["JSDevelopmentScreen.BaseClass"]]),
            this._code(),
            this._code(["    $static", ": {"], [this._msg["JSDevelopmentScreen.StaticBlock"]]),
            this._code(),
            this._code(["        staticField", ": \"Foo\","], [this._msg["JSDevelopmentScreen.StaticField"]]),
            this._code(),
            this._code(["        staticMethod", ": function(x, y) {"], [this._msg["JSDevelopmentScreen.StaticMethod"]]),
            this._code(["            return this.staticField.length + x - y;"]),
            this._code(["        }"]),
            this._code(["    },"]),
            this._code(),
            this._code(["    $load", ": function() {"], [this._msg["JSDevelopmentScreen.StaticInitializer"]]),
            this._code(["        this.staticField = this.staticField + \"ooo\";"]),
            this._code(["    },"]),
            this._code(),
            this._code(["    $virtual", ": {"], [this._msg["JSDevelopmentScreen.VirtualBlock"]]),
            this._code(),
            this._code(["        virtualField", ": null,"], [this._msg["JSDevelopmentScreen.VirtualField"]]),
            this._code(),
            this._code(["        virtualMethod", ": function(x, y) {"], [this._msg["JSDevelopmentScreen.VirtualMethod"]]),
            this._code(["            return this._internalField + x - y;"]),
            this._code(["        }"]),
            this._code(["    },"]),
            this._code(),
            this._code(["    $abstract", ": {"], [this._msg["JSDevelopmentScreen.AbstractBlock"]]),
            this._code(),
            this._code(["        abstractMethod", ": function(x, y) { }"], [this._msg["JSDevelopmentScreen.AbstractMethod"]]),
            this._code(["    },"]),
            this._code(),
            this._code(["    $include", ": [ Mixin1, Mixin2 ],"], [this._msg["JSDevelopmentScreen.IncludeBlock"]]),
            this._code(),
            this._code(["    _internalField", ": null,"], [this._msg["JSDevelopmentScreen.InternalField"]]),
            this._code(),
            this._code(["    publicField", ": null,"], [this._msg["JSDevelopmentScreen.PublicField"]]),
            this._code(),
            this._code(["    $construct", ": function(a, b) {"], [this._msg["JSDevelopmentScreen.Constructor"]]),
            this._code(["        Example.Gamma.call(this, a);"], [this._msg["JSDevelopmentScreen.SuperConstructorCall"]]),
            this._code(["        this._internalField = a + b;"]),
            this._code(["    },"]),
            this._code(),
            this._code(["    _internalMethod", ": function(x, y) {"], [this._msg["JSDevelopmentScreen.InternalMethod"]]),
            this._code(["        return x * y - 2;"]),
            this._code(["    },"]),
            this._code(),
            this._code(["    publicMethod", ": function(x, y) {"], [this._msg["JSDevelopmentScreen.PublicMethod"]]),
            this._code(["        return this._internalField * x / (y + 3);"]),
            this._code(["    }"]),
            this._code(["});"])
        ];
        
        EchoApp.ContentPane.call(this, {
            backgroundImage: {
                url: "image/bgpictures/Moonlight.jpg",
                x: "50%",
                y: "50%"
            },
            children: [
                new ExtrasApp.TabPane({
                    borderType: ExtrasApp.TabPane.BORDER_TYPE_SURROUND,
                    tabPosition: ExtrasApp.TabPane.TAB_POSITION_BOTTOM,
                    insets: 20,
                    tabInset: 30,
                    tabActiveBorder: "1px inset #3b67b4",
                    tabInactiveBorder: "1px inset #819488",
                    tabActiveBackground: "#0f0f1f",
                    tabActiveForeground: "#ffdfaf",
                    tabInactiveBackground: "#0f0f0f",
                    tabInactiveForeground: "#af7f6f",
                    children: [
                        new EchoApp.ContentPane({
                            background: "#0f0f1f",
                            layoutData: {
                                title: this._msg["JSDevelopmentScreen.Tab.CoreJS"]
                            },
                            children: [
                                new EchoApp.Column({
                                    insets: 20,
                                    cellSpacing: 10,
                                    children: [
                                        new EchoApp.Label({ 
                                            layoutData: {
                                                insets: "15px 15px",
                                                background: "#000000"
                                            },
                                            foreground: "#00ff00",
                                            font: {
                                                typeface: "Courier New, Courier, Monospace",
                                                size: 24,
                                                bold: true
                                            },
                                            text: this._msg["JSDevelopmentScreen.CoreJS.0"]
                                        }),
                                        new DemoApp.HtmlLabel({ 
                                            layoutData: {
                                                insets: "0px 0px 0px 580px"
                                            },
                                            foreground: "#ffcf9f",
                                            html: this._msg["JSDevelopmentScreen.CoreJS.1"]
                                        }),
                                        new DemoApp.HtmlLabel({ 
                                            layoutData: {
                                                insets: "0px 0px 0px 580px"
                                            },
                                            foreground: "#ffcf9f",
                                            html: this._msg["JSDevelopmentScreen.CoreJS.2"]
                                        })
                                    ]
                                }),
                                new EchoApp.WindowPane({
                                    styleName: "Default",
                                    title: this._msg["JSDevelopmentScreen.CoreJS.WindowTitle"],
                                    background: "#ffffff",
                                    positionX: 0,
                                    positionY: 86,
                                    width: 600,
                                    height: 450,
                                    closable: false,
                                    children: [
                                        new EchoApp.SplitPane({
                                            orientation: EchoApp.SplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM,
                                            separatorPosition: 50,
                                            separatorHeight: 1,
                                            separatorColor: "#3f3f4f",
                                            children: [
                                                new EchoApp.Label({
                                                    layoutData: {
                                                        insets: 15,
                                                        backgroundImage: "image/LightBlueLineBackground.png"
                                                    },
                                                    text: this._msg["JSDevelopmentScreen.CoreJS.RolloverDirection"]
                                                }),
                                                new ExtrasApp.AccordionPane({
                                                    styleName: "Default",
                                                    children: [
                                                        new EchoApp.Column({
                                                            layoutData: {
                                                                title: this._msg["JSDevelopmentScreen.CoreJS.Simple"]
                                                            },
                                                            insets: 8,
                                                            children: simpleCode
                                                        }),
                                                        new EchoApp.Column({
                                                            layoutData: {
                                                                title: this._msg["JSDevelopmentScreen.CoreJS.Advanced"]
                                                            },
                                                            insets: 8,
                                                            children: advancedCode
                                                        })