exampletree.js

javascript 很酷的类库

                                jsURL:"grids/editing/modalEditing.js",
                                description:"\n        <b>Double-click</b> on any cell to start editing. Click anywhere outside of the cell\n        editors to save changes, or press the <b>Esc</b> key to discard changes.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"modalEditing",
                                title:"Modal editing"
                            },
                            {
                                jsURL:"grids/editing/disableEditing.js",
                                description:"\n        <b>Click</b> on any cell to start editing. Use Tab/Arrow keys to move between cells,\n        Enter/Esc keys to save or cancel. Editing is disabled for the \"Country\" and \"G8\" columns.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"disableEditing",
                                title:"Disable editing"
                            },
                            {
                                jsURL:"grids/editing/customEditors.js",
                                description:"\n        <b>Click</b> on any cell to start editing. The \"Government\", \"Population\", and \"Nationhood\"\n        columns specify custom editors: a multiple-line textarea, a numeric spinner, and a compound\n        date control.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"customEditors",
                                title:"Custom editors"
                            },
                            {
                                jsURL:"grids/editing/validation.js",
                                description:"\n        <b>Click</b> on any cell to start editing. Delete the value in a \"Country\" cell, or type a\n        non-numeric value in a \"Population\" cell, to see validation errors.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"dataValidation",
                                title:"Data validation"
                            },
                            {jsURL:"grids/editing/dependentSelects.js", 
                             description:"\n        \n        <b>Double Click</b> on any row to start editing. Select a value in the \"Division\" column\n        to change the set of options available in the \"Department\" column.\n        ",title:"Dependent Selects"},
                            {
                                jsURL:"grids/editing/databoundDependentSelects.js",
                                description:"\n        \n        Click the <b>Order New Item</b> button to add an editable row to the grid.\n        Select a Category in the second column to change the set of options available in \n        the \"Item\" column.\n        ",
                                tabs:[
                                    {dataSource:"supplyItem", name:"supplyItem"},
                                    {dataSource:"supplyCategory", name:"supplyCategory"}
                                ],
                                title:"Databound Dependent Selects"
                            }
                        ]
                    },
                    {
                        description:"\n    SmartClient supports rendering out grids with frozen fields.<br><br>\n    Frozen fields are fields that do not scroll horizontally with the other fields, remaining\n    visible on the screen while other fields may be scrolled out of view.\n",
                        isOpen:false,
                        title:"Frozen Columns",
                        children:[
                            {
                                jsURL:"grids/freezeFields/simpleFreeze.js",
                                description:"\n        Setting <code>frozen:true</code> on a column definition establishes a\n        frozen column.  Column resize and reorder work normally.\n        ",
                                tabs:[
                                    {dataSource:"supplyItem", name:"supplyItem"}
                                ],
                                id:"simpleFreeze",
                                title:"Simple Freeze"
                            },
                            {
                                jsURL:"grids/freezeFields/dynamicFreeze.js",
                                description:"\n        Right click on any column header to show a menu that allows you to freeze\n        that column.<br>\n        Multiple columns may be frozen, and frozen columns may be\n        reordered.<br>\n        Right click on a frozen column to unfreeze it.\n        ",
                                tabs:[
                                    {dataSource:"supplyItem", name:"supplyItem"}
                                ],
                                id:"dynamicFreeze",
                                title:"Dynamic Freeze"
                            },
                            {
                                jsURL:"grids/freezeFields/freezeEditing.js",
                                description:"\n        SmartClient's inline editing support works normally with frozen columns\n        with no further configuration.\n        ",
                                tabs:[
                                    {dataSource:"supplyItem", name:"supplyItem"}
                                ],
                                id:"canEditFreeze",
                                title:"Editing"
                            },
                            {
                                jsURL:"grids/freezeFields/freezeDragDrop.js",
                                description:"\n        SmartClient's drag and drop support works normally with frozen columns\n        with no further configuration.  Drag countries within grids to reorder them, or between\n        grids to move countries back and forth.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/splitCountryData.js"}
                                ],
                                title:"Drag and Drop"
                            }
                        ]
                    },
                    {
                        isopen:"false",
                        description:"\n    List entries can be grouped according to field value.\n    ",
                        title:"Grouping",
                        children:[
                            {
                                jsURL:"grids/grouping/dynamicGrouping.js",
                                description:"\n        Right click on any column header to show a menu that allows you to group by that \n        column. Right click and pick \"ungroup\" to go back to a flat listing.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"dynamicGrouping",
                                title:"Dynamic Grouping"
                            },
                            {
                                jsURL:"grids/grouping/groupedEditing.js",
                                description:"\n        Inline editing works normally with grouped data. Try editing the field that records \n        are grouped by and notice that the record moves to its new group automatically.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"groupedEditing",
                                title:"Grouped Editing"
                            },
                            {
                                jsURL:"grids/grouping/customGrouping.js",
                                description:"\n        You can specify custom grouping behavior for a field. Group by the Nationhood and \n        Population fields to see examples of custom grouping.\n        ",
                                tabs:[
                                    {canEdit:"false", title:"countryDS", 
                                     url:"grids/ds/countrySQLDS.ds.xml"}
                                ],
                                id:"customGrouping",
                                title:"Custom Grouping"
                            }
                        ]
                    },
                    {
                        description:"\n    Built-in display and editing behaviors for common data types, and how to customize them.\n",
                        isOpen:false,
                        id:"gridsDataTypes",
                        title:"Data types",
                        children:[
                            {
                                jsURL:"grids/dataTypes/text.js",
                                description:"\n        Click on column headers to sort, or data values to edit.\n        All fields in this grid are text fields.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Text"
                            },
                            {
                                jsURL:"grids/dataTypes/image.js",
                                description:"\n        \"Flag\" is an image field.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"imageType",
                                title:"Image"
                            },
                            {
                                jsURL:"grids/dataTypes/longtext.js",
                                description:"\n        Click on data values to edit.\n        \"Government\" is a long text field with a popup editor.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                id:"longText",
                                title:"Long Text"
                            },
                            {
                                jsURL:"grids/dataTypes/date.js",
                                description:"\n        Click on column headers to sort, or data values to edit.\n        \"Nationhood\" is a date field.\n        ",
                                tabs:[
                                    {title:"countryData", url:"grids/data/countryData.js"}
                                ],
                                title:"Date"
                            },
                            {
                                jsURL:"grids/dataTypes/integer.js",
                                description:"\n        Click on column headers to sort, or data values to edit.\n        \"Population\" is an integer field.\n        ",