exampletree.js

javascript 很酷的类库

                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Drag select"
                            },
                            {
                                jsURL:"grids/interaction/valueHover.js",
                                description:"\n        Move the mouse over a value in the \"Government\" column and pause (hover) for a\n        longer description of that value.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"valueHoverTips",
                                title:"Value hover tips"
                            },
                            {
                                jsURL:"grids/interaction/headerHover.js",
                                description:"\n        Move the mouse over a column header and pause (hover) for a longer description\n        of that column.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Header hover tips"
                            },
                            {
                                jsURL:"grids/interaction/dragOrder.js",
                                description:"\n        Drag and drop to change the order of countries in this list.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"gridsDragReorder",
                                title:"Drag reorder"
                            },
                            {
                                jsURL:"grids/interaction/dragMove.js",
                                description:"\n        Drag and drop to move rows between the two lists. \n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"gridsDragMove",
                                title:"Drag move"
                            },
                            {
                                jsURL:"grids/interaction/dragCopy.js",
                                description:"\n        Drag and drop to copy rows from the first list to the second list.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"gridsDragCopy",
                                title:"Drag copy"
                            },
                            {
                                jsURL:"grids/interaction/disabled.js",
                                description:"\n        Mouse over, drag, or click on any values in this grid.\n        All \"Europe\" country records in this grid are disabled.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"disabledRows",
                                title:"Disabled rows"
                            },
                            {
                                jsURL:"grids/interaction/recordClicks.js",
                                description:"\n        Click, double-click, or right-click any row in the grid.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"recordClicks",
                                title:"Record clicks"
                            },
                            {
                                jsURL:"grids/interaction/cellClicks.js",
                                description:"\n        Click, double-click, or right-click any value in the grid.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"cellClicks",
                                title:"Cell clicks"
                            }
                        ]
                    },
                    {
                        description:"\n    SmartClient grids provide interactive sorting of standard and custom data types,\n    with automatic client/server coordination.\n",
                        isOpen:false,
                        title:"Sort & Filter",
                        children:[
                            {
                                jsURL:"grids/sorting/sort.js",
                                description:"\n        Click on any column header to sort by that column. To reverse the sort direction,\n        click on the same column header, or the top-right corner of the grid.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"sort",
                                title:"Sort"
                            },
                            {
                                jsURL:"grids/sorting/disableSort.js",
                                visibility:"sdk",
                                description:"\n        Sorting is disabled on the \"Flag\" column. Click on any other column header to sort\n        on the corresponding column.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Disable sort"
                            },
                            {
                                jsURL:"grids/sorting/sortArrow.js",
                                visibility:"sdk",
                                description:"\n        Click on any column header to sort or reverse-sort by that column.\n        This grid shows the sort-direction arrow in the top-right corner only.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Sort arrows"
                            },
                            {
                                jsURL:"grids/sorting/dataTypes.js",
                                description:"\n        Click on any column header to sort by that column.\n        The \"Nationhood\", \"Area\", and \"GDP (per capita)\" columns are sorted as date, number, and\n        calculated number values, respectively.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"dataTypes",
                                title:"Data types"
                            },
                            {
                                jsURL:"grids/filtering/filter.js",
                                description:"\n        Type \"island\" above the Country column, then press Enter or click the filter button\n        (top-right corner of the grid) to show only countries with \"island\" in their name.\n        Select \"North America\" above the Continent column to filter countries by that continent.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"worldDS", 
                                     url:"grids/ds/worldSQLDS.ds.xml"}
                                ],
                                id:"filter",
                                title:"Filter"
                            },
                            {
                                jsURL:"grids/filtering/disable.js",
                                description:"\n        Type \"island\" above the Country column, then press Enter or click the filter button\n        (top-right corner of the grid) to show only countries with \"island\" in their name.\n        Select \"North America\" above the Continent column to filter countries by that continent.\n        Filtering is disabled on the \"Flag\" and \"Capital\" columns.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"worldDS", 
                                     url:"grids/ds/worldSQLDS.ds.xml"}
                                ],
                                id:"disableFilter",
                                title:"Disable filter"
                            }
                        ]
                    },
                    {
                        description:"\n    SmartClient grids provide inline editing of all data types, with automatic validation and\n    client/server updates.<br><br>\n    These examples are all bound to the same remote DataSource, so your\n    changes are saved on SmartClient.com and will appear in all Grid Editing examples during this\n    session. To end your SmartClient.com session and reset the example data on the server, simply\n    close all instances of your web browser.\n",
                        isOpen:false,
                        title:"Editing",
                        children:[
                            {
                                jsURL:"grids/editing/editRows.js",
                                description:"\n        <b>Click</b> on any cell to start editing. Use <b>Tab</b>, <b>Shift-Tab</b>,\n        <b>Up Arrow</b>, and <b>Down Arrow</b> to move between cells. Changes are saved\n        automatically when you move to another row. Press <b>Enter</b> to save the current row\n        and dismiss the editors, or <b>Esc</b> to discard changes for the current row and dismiss\n        the editors.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"editByRow",
                                title:"Edit by row"
                            },
                            {
                                jsURL:"grids/editing/editCells.js",
                                description:"\n        <b>Click</b> on any cell to start editing. Use <b>Tab</b>, <b>Shift-Tab</b>,\n        <b>Up Arrow</b>, and <b>Down Arrow</b> to move between cells. Press <b>Enter</b> to save\n        the current row and dismiss the editors, or <b>Esc</b> to discard changes for the current\n        cell and dismiss the editors.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"editByCell",
                                title:"Edit by cell"
                            },
                            {
                                jsURL:"grids/editing/enterRows.js",
                                description:"\n        <b>Click</b> on any cell to start editing, then <b>Tab</b> or <b>Down Arrow</b> past the\n        last row in the grid to create a new row. Alternatively, click the <b>Edit New</b> button\n        to create a new data-entry row at the end of the grid.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"enterNewRows",
                                title:"Enter new rows"
                            },
                            {