doctree.js

javascript 很酷的类库

isc.Tree.create({
    ID:"docTree",
    root:{
        name:"/",
        children:[
            {contentsURL:"[docRoot]SmartClient_Quick_Start_Guide.pdf", icon:"[SKIN]pdf.gif", 
             id:"QuickStartGuide",title:"SmartClient QuickStart Guide"},
            {contentsURL:"[referenceRoot]SmartClient_Explorer.html", icon:"[SKIN]features.png", 
             id:"FeatureExplorer",title:"Feature Explorer"},
            {icon:"[SKIN]cube_blue.gif", ref:"group:featureExplorerOverview", 
             id:"featureExplorerOverview",title:"Feature Explorer Overview"},
            {
                isOpen:"true",
                title:"Concepts",
                children:[
                    {
                        title:"Client-Server Integration",
                        id:"2",
                        children:[
                            {id:"41", ref:"group:clientDataIntegration", icon:"[SKIN]cube_blue.gif", 
                             title:"Client-side Data Integration"},
                            {id:"56", ref:"group:serverDataIntegration", icon:"[SKIN]cube_blue.gif", 
                             title:"Server DataSource Integration"}
                        ],
                        icon:"[SKIN]cube_blue.gif",
                        ref:"group:clientServerIntegration"
                    },
                    {title:"SmartClient Architecture", id:"3", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:smartArchitecture"},
                    {title:"Debugging", id:"4", icon:"[SKIN]cube_blue.gif", ref:"group:debugging"},
                    {title:"Deploying SmartClient", id:"5", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:iscInstall"},
                    {title:"Visual Builder", id:"6", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:visualBuilder"},
                    {title:".NET, PHP, Serverless Integration", id:"7", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:nonJavaBackend"},
                    {title:"Integration with Spring", id:"8", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:springIntegration"},
                    {title:"Integration with Hibernate", id:"9", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:hibernateIntegration"},
                    {title:"Integration with JSF", id:"10", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:jsfIntegration"},
                    {title:"Integration with Struts", id:"11", icon:"[SKIN]cube_blue.gif", 
                     ref:"group:strutsIntegration"},
                    {
                        title:"Component XML",
                        id:"12",
                        icon:"[SKIN]cube_blue.gif",
                        ref:"group:componentXML",
                        children:[
                            {id:"34", ref:"group:componentSchema", icon:"[SKIN]cube_blue.gif", 
                             title:"Component Schema"}
                        ]
                    },
                    {id:"37", ref:"group:i18n", icon:"[SKIN]cube_blue.gif", 
                     title:"Internationalization and Localization (i18n,l10n)"},
                    {id:"64", ref:"group:skinning", icon:"[SKIN]cube_blue.gif", 
                     title:"Skinning / Theming"}
                ],
                id:"0"
            },
            {
                isOpen:"true",
                title:"Client Reference",
                children:[
                    {
                        title:"Grids",
                        isFolder:true,
                        id:"13",
                        children:[
                            {
                                id:"69",
                                ref:"class:TreeGrid",
                                icon:"[SKIN]text_code_javascript.gif",
                                title:"TreeGrid",
                                children:[
                                    {id:"70", ref:"object:TreeNode", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"TreeNode"},
                                    {id:"81", ref:"object:TreeGridField", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"TreeGridField"}
                                ]
                            },
                            {
                                id:"73",
                                ref:"class:DetailViewer",
                                icon:"[SKIN]text_code_javascript.gif",
                                title:"DetailViewer",
                                children:[
                                    {id:"74", ref:"object:DetailViewerRecord", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"DetailViewerRecord"},
                                    {id:"75", ref:"object:DetailViewerField", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"DetailViewerField"}
                                ]
                            },
                            {
                                id:"77",
                                ref:"class:ListGrid",
                                icon:"[SKIN]text_code_javascript.gif",
                                title:"ListGrid",
                                children:[
                                    {id:"78", ref:"object:ListGridRecord", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"ListGridRecord"},
                                    {id:"79", ref:"object:groupNode", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"groupNode"},
                                    {id:"80", ref:"object:ListGridField", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"ListGridField"}
                                ]
                            },
                            {id:"85", ref:"class:DOMGrid", icon:"[SKIN]text_code_javascript.gif", 
                             title:"DOMGrid"}
                        ]
                    },
                    {
                        title:"Forms",
                        isFolder:true,
                        id:"14",
                        children:[
                            {id:"30", ref:"group:formLayout", icon:"[SKIN]cube_blue.gif", 
                             title:"Form Layout"},
                            {
                                id:"31",
                                title:"Form Items",
                                children:[
                                    {
                                        id:"32",
                                        ref:"class:FileItem",
                                        icon:"[SKIN]text_code_javascript.gif",
                                        title:"FileItem",
                                        children:[
                                            {id:"33", ref:"group:upload", icon:"[SKIN]cube_blue.gif", 
                                             title:"Uploading Files"}
                                        ]
                                    },
                                    {
                                        id:"91",
                                        ref:"class:FormItem",
                                        icon:"[SKIN]text_code_javascript.gif",
                                        title:"FormItem",
                                        children:[
                                            {id:"92", ref:"object:FormItemIcon", 
                                             icon:"[SKIN]text_code_javascript.gif",title:"FormItemIcon"}
                                        ]
                                    },
                                    {id:"95", ref:"class:CanvasItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"CanvasItem"},
                                    {id:"96", ref:"class:TextItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"TextItem"},
                                    {id:"97", ref:"class:BlurbItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"BlurbItem"},
                                    {id:"98", ref:"class:ButtonItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"ButtonItem"},
                                    {id:"99", ref:"interface:PickList", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"PickList"},
                                    {id:"100", ref:"class:SelectItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"SelectItem"},
                                    {id:"101", ref:"class:SelectOtherItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"SelectOtherItem"},
                                    {id:"102", ref:"class:CheckboxItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"CheckboxItem"},
                                    {id:"103", ref:"class:NativeCheckboxItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"NativeCheckboxItem"},
                                    {id:"104", ref:"class:HeaderItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"HeaderItem"},
                                    {id:"105", ref:"class:SectionItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"SectionItem"},
                                    {id:"106", ref:"class:HiddenItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"HiddenItem"},
                                    {id:"107", ref:"class:StaticTextItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"StaticTextItem"},
                                    {id:"108", ref:"class:LinkItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"LinkItem"},
                                    {id:"109", ref:"class:PasswordItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"PasswordItem"},
                                    {id:"110", ref:"class:RadioGroupItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"RadioGroupItem"},
                                    {id:"111", ref:"class:ResetItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"ResetItem"},
                                    {id:"112", ref:"class:DateItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"DateItem"},
                                    {id:"113", ref:"class:SpacerItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"SpacerItem"},
                                    {id:"114", ref:"class:RowSpacerItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"RowSpacerItem"},
                                    {id:"115", ref:"class:SubmitItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"SubmitItem"},
                                    {id:"116", ref:"class:TextAreaItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"TextAreaItem"},
                                    {id:"117", ref:"class:TimeItem", 
                                     icon:"[SKIN]text_code_javascript.gif",title:"TimeItem"},