exampletree.js

javascript 很酷的类库

                        description:"\n    Styling, sizing and formatting options for grids, as well as built-in end user controls.\n",
                        isOpen:false,
                        title:"Appearance",
                        children:[
                            {
                                jsURL:"grids/layout/columnOrder.js",
                                description:"\n        Drag and drop the column headers to rearrange columns in the grid.\n        Right-click the column headers to hide or show columns.\n        Click the buttons to hide or show the \"Capital\" column.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"columnOrder",
                                title:"Column order"
                            },
                            {
                                jsURL:"grids/layout/columnSize.js",
                                description:"\n        Click and drag between the column headers to resize columns in the grid.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"columnSize",
                                title:"Column size"
                            },
                            {
                                jsURL:"grids/layout/columnAlign.js",
                                visibility:"sdk",
                                description:"\n        Click the radio buttons to change the alignment of the \"Flag\" column.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Column align"
                            },
                            {
                                jsURL:"grids/layout/columnHeaders.js",
                                visibility:"sdk",
                                description:"\n        Click the buttons to show or hide the column headers.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Column headers"
                            },
                            {
                                jsURL:"grids/layout/columnTitles.js",
                                visibility:"sdk",
                                description:"\n        Click the buttons to change the title of the \"Country\" column.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Column titles"
                            },
                            {
                                jsURL:"grids/layout/multiLineValues.js",
                                description:"\n        Click and drag between the \"Background\" and \"Flag\" column headers, or resize your browser\n        window to change the size of the entire grid. The \"Background\" values are\n        confined to a fixed row height.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryDataDetail.js"}
                                ],
                                id:"multilineValues",
                                title:"Multiline values"
                            },
                            {
                                jsURL:"grids/layout/autoFitValues.js",
                                description:"\n        Click and drag between the \"Background\" and \"Flag\" column headers, or resize your browser\n        window to change the size of the entire grid. The rows resize to fit\n        the \"Background\" values.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryDataDetail.js"}
                                ],
                                id:"autofitValues",
                                title:"Autofit values"
                            },
                            {
                                jsURL:"grids/layout/autoFitRows.js",
                                description:"\n        Click the buttons to show different numbers of records. The grid resizes to fit\n        all rows without scrolling.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"autofitRows",
                                title:"Autofit rows"
                            },
                            {
                                jsURL:"grids/formatting/cellStyles.js",
                                description:"\n        Mouse over the rows and click-drag to select rows, to see the effects of different\n        base styles on these two grids.\n        ",
                                tabs:[
                                    {title:"CSS", url:"grids/formatting/cellStyles.css"},
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Cell styles"
                            },
                            {
                                jsURL:"grids/formatting/addStyle.js",
                                description:"\n        This grid hilites \"Population\" values greater than 1 billion or less than 50 million\n        using additive style attributes (text color and weight).\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"addStyle",
                                title:"Hilite cells (add style)"
                            },
                            {
                                jsURL:"grids/formatting/replaceStyle.js",
                                description:"\n        This grid hilites \"Population\" values greater than 1 billion or less than 50 million\n        using a full set of compound styles (with customized background colors). Mouse over or\n        click-drag rows to see how these styles apply to different row states.\n        ",
                                tabs:[
                                    {title:"CSS", url:"grids/formatting/replaceStyle.css"},
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"replaceStyle",
                                title:"Hilite cells (replace style)"
                            },
                            {
                                jsURL:"grids/formatting/formatValues.js",
                                description:"\n        This grid applies custom formatters to the \"Nationhood\" and \"Area\" columns.\n        Click on the \"Nationhood\" or \"Area\" column headers to sort the underlying data values.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"formatValues",
                                title:"Format values"
                            },
                            {
                                jsURL:"grids/formatting/emptyValues.js",
                                description:"\n        Double-click any cell, delete its value, and press Enter or click outside the cell to\n        save and display the empty value. This grid shows \"--\" for empty date values, and\n        \"unknown\" for other empty values.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"emptyValues",
                                title:"Empty values"
                            },
                            {
                                jsURL:"grids/layout/emptyGrid.js",
                                description:"\n        Click the buttons to add or remove all data in the grid.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"emptyGrid",
                                title:"Empty grid"
                            }
                        ]
                    },
                    {
                        description:"\n    Selection and drag and drop of data, hovers, and grid events.\n",
                        isOpen:false,
                        title:"Interaction",
                        children:[
                            {
                                jsURL:"grids/interaction/rollover.js",
                                visibility:"sdk",
                                description:"\n        Move the mouse over rows in the grid to see rollover highlights.\n        Click the buttons to enable or disable this behavior.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Rollover"
                            },
                            {
                                jsURL:"grids/selection/singleSelect.js",
                                visibility:"sdk",
                                description:"\n        Click to select any single row in the grid.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Single select"
                            },
                            {
                                jsURL:"grids/selection/simpleSelect.js",
                                visibility:"sdk",
                                description:"\n        Click to select or deselect any row in the grid.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Simple select"
                            },
                            {
                                jsURL:"grids/selection/multipleSelect.js",
                                description:"\n        Click to select a single row in the grid. Shift-click to select a continuous range of rows.\n        Ctrl-click to add or remove individual rows from the selection.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"multipleSelect",
                                title:"Multiple select"
                            },
                            {
                                jsURL:"grids/selection/dragSelect.js",
                                description:"\n        Click and drag to select a continuous range of rows in the grid.\n        ",