jsdevelopmentscreen.js

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

                                                        typeface: "Courier New, Courier, Monospace",
                                                        size: 24,
                                                        bold: true
                                                    },
                                                    text: this._msg["JSDevelopmentScreen.CoreJS.0"]
                                                }),
                                                new DemoApp.HtmlLabel({ 
                                                    foreground: "#ffcf9f",
                                                    html: this._msg["JSDevelopmentScreen.CoreJS.1"]
                                                }),
                                                new DemoApp.HtmlLabel({ 
                                                    foreground: "#ffcf9f",
                                                    html: this._msg["JSDevelopmentScreen.CoreJS.2"]
                                                })
                                            ]
                                        })
                                    ]
                                }),
                                new Echo.WindowPane({
                                    styleName: "Default",
                                    title: this._msg["JSDevelopmentScreen.CoreJS.WindowTitle"],
                                    background: "#ffffff",
                                    positionX: 0,
                                    positionY: "100%",
                                    width: "65%",
                                    height: "100%",
                                    closable: false,
                                    children: [
                                        new Echo.SplitPane({
                                            orientation: Echo.SplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM,
                                            autoPositioned: true,
                                            separatorHeight: 1,
                                            separatorColor: "#3f3f4f",
                                            children: [
                                                new Echo.Label({
                                                    layoutData: {
                                                        insets: 15,
                                                        backgroundImage: "image/LightBlueLineBackground.png"
                                                    },
                                                    text: this._msg["JSDevelopmentScreen.CoreJS.RolloverDirection"]
                                                }),
                                                new Extras.AccordionPane({
                                                    styleName: "Default",
                                                    children: [
                                                        new Echo.Column({
                                                            layoutData: {
                                                                title: this._msg["JSDevelopmentScreen.CoreJS.Simple"]
                                                            },
                                                            insets: 8,
                                                            children: simpleCode
                                                        }),
                                                        new Echo.Column({
                                                            layoutData: {
                                                                title: this._msg["JSDevelopmentScreen.CoreJS.Advanced"]
                                                            },
                                                            insets: 8,
                                                            children: advancedCode
                                                        })
                                                    ]
                                                })
                                            ]
                                        })
                                    ]
                                })
                            ]
                        }),
                        new Echo.ContentPane({
                            background: "#0f0f1f",
                            layoutData: {
                                title: this._msg["JSDevelopmentScreen.Tab.HierarchalConstruction"]
                            },
                            children: [
                                new Echo.SplitPane({
                                    orientation: Echo.SplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM,
                                    autoPositioned: true,
                                    children: [
                                        new Echo.Column({
                                            layoutData: {
                                                insets: 20
                                            },
                                            children: [
                                                new Echo.Label({ 
                                                    layoutData: {
                                                        insets: "15px 15px",
                                                        background: "#000000"
                                                    },
                                                    foreground: "#ffcf3f",
                                                    font: {
                                                        typeface: "Courier New, Courier, Monospace",
                                                        size: 24,
                                                        bold: true
                                                    },
                                                    text: this._msg["JSDevelopmentScreen.Hierarchal.0"]
                                                })
                                            ]
                                        }),
                                        new Echo.SplitPane({
                                            orientation: Echo.SplitPane.ORIENTATION_HORIZONTAL_RIGHT_LEFT,
                                            separatorPosition: "35%",
                                            children: [
                                                new Echo.Column({
                                                    insets: 20,
                                                    cellSpacing: 10,
                                                    children: [
                                                        new DemoApp.HtmlLabel({ 
                                                            foreground: "#ffcf9f",
                                                            html: this._msg["JSDevelopmentScreen.Hierarchal.1"]
                                                        }),
                                                        new DemoApp.HtmlLabel({ 
                                                            foreground: "#ffcf9f",
                                                            html: this._msg["JSDevelopmentScreen.Hierarchal.2"]
                                                        })
                                                    ]
                                                })
                                            ]
                                        })
                                    ]
                                }),
                                new Echo.WindowPane({
                                    styleName: "GlassBlue",
                                    title: this._msg["JSDevelopmentScreen.Hierarchal.WindowTitle"],
                                    background: "#ffffff",
                                    positionX: 0,
                                    positionY: "100%",
                                    width: "65%",
                                    height: "80%",
                                    closable: false,
                                    children: [
                                        new Echo.ContentPane({
                                            backgroundImage: {
                                                url: "image/LogoBackground.png",
                                                repeat: "repeat-x"
                                            },
                                            background: "#383838",
                                            children: [
                                                new Extras.TabPane({
                                                    background: "#ffffff",
                                                    tabActiveBackground: "#ffffff",
                                                    tabInactiveBackground: "#afafaf",
                                                    borderType: Extras.TabPane.BORDER_TYPE_SURROUND,
                                                    insets: 10,
                                                    tabInset: 30,
                                                    children: [
                                                        new Echo.ContentPane({
                                                            layoutData: {
                                                                title: this._msg["JSDevelopmentScreen.Tab.HierarchalCode"]
                                                            },
                                                            background: "#ffffff",
                                                            foreground: "#00006f",
                                                            children: [
                                                                new DemoApp.SourceView({
                                                                    code: DemoApp.JSDevelopmentScreen.HIERARCHAL_EXAMPLE
                                                                })
                                                            ]
                                                        }),
                                                        new Echo.ContentPane({
                                                            layoutData: {
                                                                title: this._msg["JSDevelopmentScreen.Tab.ComponentHierarchy"]
                                                            },
                                                            backgroundImage: {
                                                                x: "50%",
                                                                y: "50%",
                                                                repeat: "no-repeat",
                                                                url: "image/Hierarchy.png"
                                                            }

                                                        }),
                                                        this._createHierarchalExample()
                                                    ]
                                                })
                                            ]
                                        })
                                    ]
                                })
                            ]
                        }),
                        new Echo.ContentPane({
                            background: "#0f0f1f",
                            layoutData: {
                                title: this._msg["JSDevelopmentScreen.Tab.LazyModuleLoading"]
                            },
                            children: [
                                new Echo.SplitPane({
                                    orientation: Echo.SplitPane.ORIENTATION_HORIZONTAL_LEFT_RIGHT,
                                    separatorPosition: "60%",
                                    children: [
                                        new Echo.Column({
                                            layoutData: {
                                                insets: 20