examples/data.js

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.ns('Ext.samples');\r
   8 \r
   9 \r
  10 Ext.samples.samplesCatalog = [{\r
  11     title: 'Combination Examples',\r
  12     samples: [{\r
  13         text: 'Feed Viewer',\r
  14         url:  'feed-viewer/view.html',\r
  15         icon: 'feeds.gif',\r
  16         desc: 'RSS feed reader example application that features a swappable reader panel layout.'\r
  17     },{\r
  18         text: 'Web Desktop',\r
  19         url:  'desktop/desktop.html',\r
  20         icon: 'desktop.gif',\r
  21         desc: 'Demonstrates how one could build a desktop in the browser using Ext components including a module plugin system.'\r
  22     }/*,{\r
  23         text: 'Image Organizer',\r
  24         url:  'image-organizer/index.html',\r
  25         icon: 'image-organizer.gif',\r
  26         desc: 'Image management application example utilizing MySQL lite and Ext.Direct.',\r
  27         status: 'new'\r
  28     }*/,{\r
  29         text: 'Ext JS API Documentation',\r
  30         url:  '../docs/index.html',\r
  31         icon: 'docs.gif',\r
  32         desc: 'API Documentation application.',\r
  33         status: 'updated'\r
  34     },{\r
  35         text: 'Ext JS Forum Browser',\r
  36         url:  'forum/forum.html',\r
  37         icon: 'forum.gif',\r
  38         desc: 'Ext JS online forums browser application.',\r
  39         status: 'modified'\r
  40     },{\r
  41         text: 'Image Viewer',\r
  42         url:  'organizer/organizer.html',\r
  43         icon: 'organizer.gif',\r
  44         desc: 'DataView and TreePanel example that demonstrates dragging data items from a DataView into a TreePanel.'\r
  45     }]\r
  46 },{\r
  47     title: 'Offline Support',\r
  48     samples: [{\r
  49         text: 'Simple Tasks',\r
  50         url:  'tasks/tasks.html',\r
  51         icon: 'tasks.gif',\r
  52         desc: 'Personal task management application example that uses <a href="http://gears.google.com" target="_blank">Google Gears</a> for data storage.'\r
  53     },{\r
  54         text: 'Simple Tasks',\r
  55         url:  'http://extjs.com/blog/2008/02/24/tasks2/',\r
  56         icon: 'air.gif',\r
  57         desc: 'Complete personal task management application example that runs on <a href="http://labs.adobe.com/technologies/air/" target="_blank">Adobe AIR</a>.'\r
  58     }]\r
  59 },{\r
  60     title: 'Accessibility',\r
  61     samples: [{\r
  62         text: 'Key Feed Viewer',\r
  63         url:  'key-feed-viewer/view.html',\r
  64         icon: 'keyboard.gif',\r
  65         desc: 'Keyboard navigation within a complex layout.',\r
  66         status: 'experimental'\r
  67     },{\r
  68         text: 'ARIA Tree',\r
  69         url:  'tree/aria-tree.html',\r
  70         icon: 'acc-tree.gif',\r
  71         desc: 'Demonstrating ARIA with a TreePanel',\r
  72         status: 'experimental'\r
  73     },{\r
  74         text: 'Custom Search Fields',\r
  75         url: 'form/custom-access.html',\r
  76         icon: 'form-custom-access.gif',\r
  77         desc: 'A TriggerField search extension combined with an XTemplate for custom results rendering. Uses the Accessibility theme.'\r
  78     },{\r
  79         text: 'Binding a Grid to a Form',\r
  80         url:  'form/form-grid-access.html',\r
  81         icon: 'form-grid-binding-access.gif',\r
  82         desc: 'A grid embedded within a FormPanel that uses the Accessibility theme.'\r
  83 \r
  84     }]\r
  85 },{\r
  86     title: 'Grids',\r
  87     samples: [{\r
  88         text: 'Basic Array Grid',\r
  89         url:  'grid/array-grid.html',\r
  90         icon: 'grid-array.gif',\r
  91         desc: 'A basic read-only grid loaded from local array data that demonstrates the use of custom column renderer functions.'\r
  92     },{\r
  93         text: 'Property Grid',\r
  94         url:  'grid/property-grid.html',\r
  95         icon: 'grid-property.gif',\r
  96         desc: 'An example of a traditional property grid as typically seen in development IDEs.'\r
  97     },{\r
  98         text: 'Editable Grid',\r
  99         url:  'grid/edit-grid.html',\r
 100         icon: 'grid-edit.gif',\r
 101         desc: 'An editable grid loaded from XML that shows multiple types of grid editors as well as defining custom data records.'\r
 102     },{\r
 103         text: 'Row Editor Grid',\r
 104         url:  'grid/row-editor.html',\r
 105         icon: 'grid-row-editor.gif',\r
 106         desc: 'An editable grid which allows the user to make modifications to an entire record at once. Also demonstrates the Ext.chart package. ',\r
 107         status: 'new'\r
 108     },{\r
 109         text: 'XML Grid',\r
 110         url:  'grid/xml-grid.html',\r
 111         icon: 'grid-xml.gif',\r
 112         desc: 'A simple read-only grid loaded from XML data.'\r
 113     },{\r
 114         text: 'Paging',\r
 115         url:  'grid/paging.html',\r
 116         icon: 'grid-paging.gif',\r
 117         desc: 'A grid with paging, cross-domain data loading and custom- rendered expandable row bodies.'\r
 118     },{\r
 119         text: 'Progress Bar Pager',\r
 120         url:  'grid/progress-bar-pager.html',\r
 121         icon: 'progress-bar-pager.gif',\r
 122         desc: 'An example of how to integrate the Progress Bar with the Paging Toolbar using a custom plugin.',\r
 123         status: 'new'\r
 124     },{\r
 125         text: 'Sliding Pager',\r
 126         url: 'grid/sliding-pager.html',\r
 127         icon: 'slider-pager.gif',\r
 128         desc: 'A demonstration on the integration of the Slider with the Paging Toolbar using a custom plugin.',\r
 129         status: 'new'\r
 130     },{\r
 131         text: 'Grouping',\r
 132         url: 'grid/grouping.html',\r
 133         icon: 'grid-grouping.gif',\r
 134         desc: 'A basic grouping grid showing collapsible data groups that can be customized via the "Group By" header menu option.'\r
 135     },{\r
 136         text: 'Grouping with Dynamic Summary',\r
 137         url: 'grid/totals.html',\r
 138         icon: 'grid-summary.gif',\r
 139         desc: 'Advanced grouping grid that allows cell editing and includes custom dynamic summary calculations.',\r
 140         status: 'new'\r
 141     },{\r
 142         text: 'Grouping with Remote Summary',\r
 143         url: 'grid/totals-hybrid.html',\r
 144         icon: 'grid-summary.gif',\r
 145         desc: 'Advanced grouping grid that allows cell editing and includes remotely loaded dynamic summary calculations.'\r
 146     },{\r
 147         text: 'Grid Plugins',\r
 148         url: 'grid/grid-plugins.html',\r
 149         icon: 'grid-plugins.gif',\r
 150         desc: 'Multiple grids customized via plugins: expander rows, checkbox selection and row numbering.'\r
 151     },{\r
 152         text: 'Grid Filtering',\r
 153         url: 'grid-filtering/grid-filter-local.html',\r
 154         icon: 'grid-filter.gif',\r
 155         desc: 'Grid plugins providing custom data filtering menus that support various data types.',\r
 156         status: 'updated'\r
 157     },{\r
 158         text: 'Grid From Markup',\r
 159         url: 'grid/from-markup.html',\r
 160         icon: 'grid-from-markup.gif',\r
 161         desc: 'Custom GridPanel extension that can convert a plain HTML table into a dynamic grid at runtime.'\r
 162     },{\r
 163         text: 'Grid Data Binding (basic)',\r
 164         url: 'grid/binding.html',\r
 165         icon: 'grid-data-binding.gif',\r
 166         desc: 'Data binding a grid to a detail preview panel via the grid\'s RowSelectionModel.'\r
 167     },{\r
 168         text: 'Grid Data Binding (advanced)',\r
 169         url: 'grid/binding-with-classes.html',\r
 170         icon: 'grid-data-binding.gif',\r
 171         desc: 'Refactoring the basic data binding example to use a class-based application design model.'\r
 172     },{\r
 173         text: 'Buffered GridView',\r
 174         url: 'grid/buffer.html',\r
 175         icon: 'grid-buffer.gif',\r
 176         desc: 'GridView optimized for performance by rendering only visible rows.',\r
 177         status: 'new'\r
 178     }, {\r
 179         text: 'Editable Grid with Writable Store',\r
 180         url: 'writer/writer.html',\r
 181         icon: 'writer-thumb.gif',\r
 182         desc: 'This Store uses JsonWriter to automatically generate CRUD requests to the server through a standard HttpProxy.',\r
 183         status: 'new'\r
 184     }, {\r
 185         text: 'RESTful Store with GridPanel and RowEditor',\r
 186         url: 'restful/restful.html',\r
 187         icon: 'grid-row-editor.gif',\r
 188         desc: 'A RESTful Store with JsonWriter which automatically generates CRUD requests to the server.',\r
 189         status: 'new'\r
 190     },{\r
 191         text: 'Locking GridView extension',\r
 192         url: 'grid/locking-grid.html',\r
 193         icon: 'grid-locking.gif',\r
 194         desc: 'An example extension that introduces the ability to add locking columns to the GridPanel',\r
 195         status: 'new'\r
 196     },{\r
 197         text: 'Grouping GridView extension',\r
 198         url: 'grid/ColumnHeaderGroup.html',\r
 199         icon: 'grid-columngrouping.gif',\r
 200         desc: 'An extension that adds the capability of grouping Column headers in the GridPanel',\r
 201         status: 'new'\r
 202     }]\r
 203 },{\r
 204     title: 'Tabs',\r
 205     samples: [{\r
 206         text: 'Basic Tabs',\r
 207         url: 'tabs/tabs.html',\r
 208         icon: 'tabs.gif',\r
 209         desc: 'Basic tab functionality including autoHeight, tabs from markup, Ajax loading and tab events.'\r
 210     },{\r
 211         text: 'TabPanel Scroller Menu',\r
 212         url: 'tabs/tab-scroller-menu.html',\r
 213         icon: 'tab-panel-scroller-menu.gif',\r
 214         desc: 'An example of an overflow menu that appears to the right of the TabPanel tab strip',\r
 215         status: 'new'\r
 216     },{\r
 217         text: 'Advanced Tabs',\r
 218         url: 'tabs/tabs-adv.html',\r
 219         icon: 'tabs-adv.gif',\r
 220         desc: 'Advanced tab features including tab scrolling, adding tabs programmatically and a context menu plugin.'\r
 221     },{\r
 222         text: 'Group Tabs',\r
 223         url: 'grouptabs/grouptabs.html',\r
 224         icon: 'group-tabs.gif',\r
 225         desc: 'A custom example on how to setup tab grouping using vertical tabs.',\r
 226         status: 'new'\r
 227     }]\r
 228 },{\r
 229     title: 'Charts',\r
 230     samples: [{\r
 231         text: 'Charts',\r
 232         url: 'chart/charts.html',\r
 233         icon: 'charts.gif',\r
 234         desc: 'A sampling of several chart styles',\r
 235         status: 'new'\r
 236     },{\r
 237         text: 'Pie Chart',\r
 238         url: 'chart/pie-chart.html',\r
 239         icon: 'chart-pie.gif',\r
 240         desc: 'An example of a pie chart',\r
 241         status: 'new'\r
 242     },{\r
 243         text: 'Stacked Bar Chart',\r
 244         url: 'chart/stacked-bar-chart.html',\r
 245         icon: 'chart-stacked.gif',\r
 246         desc: 'An example of a stacked bar chart',\r
 247         status: 'new'\r
 248     },{\r
 249         text: 'Reloaded Chart',\r
 250         url: 'chart/reload-chart.html',\r
 251         icon: 'chart-reload.gif',\r
 252         desc: 'An example demonstrating chart data reloading',\r
 253         status: 'new'\r
 254     }]\r
 255 },{\r
 256     title: 'Windows',\r
 257     samples: [{\r
 258         text: 'Hello World',\r
 259         url: 'window/hello.html',\r
 260         icon: 'window.gif',\r
 261         desc: 'Simple "Hello World" window that contains a basic TabPanel.'\r
 262     },{\r
 263         text: 'MessageBox',\r
 264         url: 'message-box/msg-box.html',\r
 265         icon: 'msg-box.gif',\r
 266         desc: 'Different styles include confirm, alert, prompt, progress and wait and also support custom icons.'\r
 267     },{\r
 268         text: 'Layout Window',\r
 269         url: 'window/layout.html',\r
 270         icon: 'window-layout.gif',\r
 271         desc: 'A window containing a basic BorderLayout with nested TabPanel.'\r
 272     }]\r
 273 },{\r
 274     title: 'Trees',\r
 275     samples: [{\r
 276         text: 'Drag and Drop Reordering',\r
 277         url: 'tree/reorder.html',\r
 278         icon: 'tree-reorder.gif',\r
 279         desc: 'A TreePanel loaded asynchronously via a JSON TreeLoader that shows drag and drop with container scroll.'\r
 280     },{\r
 281         text: 'Multiple trees',\r
 282         url: 'tree/two-trees.html',\r
 283         icon: 'tree-two.gif',\r
 284         desc: 'Drag and drop between two different sorted TreePanels.'\r
 285     },{\r
 286         text: 'TreeGrid',\r
 287         url: 'treegrid/treegrid.html',\r
 288         icon: 'tree-columns.gif',\r
 289         desc: 'The TreeGrid component',\r
 290         status: 'new'\r
 291     },{\r
 292         text: 'Check Tree',\r
 293         url: 'tree/check-tree.html',\r
 294         icon: 'tree-check.gif',\r
 295         desc: 'An example showing simple checkbox selection in a tree.',\r
 296         status: 'new'\r
 297     },{\r
 298         text: 'XML Tree Loader',\r
 299         url: 'tree/xml-tree-loader.html',\r
 300         icon: 'tree-xml-loader.gif',\r
 301         desc: 'A custom TreeLoader implementation that demonstrates loading a tree from an XML document.'\r
 302     }]\r
 303 },{\r
 304     title: 'Layout Managers',\r
 305     samples: [{\r
 306         text: 'Layout Browser',\r
 307         url:  'layout-browser/layout-browser.html',\r
 308         icon: 'layout-browser.gif',\r
 309         desc: 'Comprehensive showcase of the standard layout managers as well as several custom and combination layouts and combination examples.',\r
 310         status: 'updated'\r
 311     },{\r
 312         text: 'Border Layout',\r
 313         url:  'layout/complex.html',\r
 314         icon: 'border-layout.gif',\r
 315         desc: 'A complex BorderLayout implementation that shows nesting multiple components and sub-layouts.'\r
 316     },{\r
 317         text: 'Accordion Layout',\r
 318         url:  'layout/accordion.html',\r
 319         icon: 'layout-accordion.gif',\r
 320         desc: 'A basic accordion layout within a border layout.'\r
 321     },{\r
 322         text: 'Absolute Layout (Form)',\r
 323         url:  'form/absform.html',\r
 324         icon: 'layout-absolute.gif',\r
 325         desc: 'A simple example of form fields utilizing an absolute layout in a window for flexible form resizing.'\r
 326     },{\r
 327         text: 'Anchor Layout (Form)',\r
 328         url:  'form/anchoring.html',\r
 329         icon: 'layout-form.gif',\r
 330         desc: 'A simple example of form fields utilizing an anchor layout in a window for flexible form resizing.'\r
 331     },{\r
 332         text: 'Anchor Layout (Panel)',\r
 333         url:  'layout/anchor.html',\r
 334         icon: 'layout-anchor.gif',\r
 335         desc: 'An example of Panels anchored in the browser window.'\r
 336     },{\r
 337         text: 'Column Layout',\r
 338         url:  'layout/column.html',\r
 339         icon: 'layout-column.gif',\r
 340         desc: 'An example of Panels managed by a column layout.'\r
 341     },{\r
 342         text: 'Table Layout',\r
 343         url:  'layout/table.html',\r
 344         icon: 'layout-table.gif',\r
 345         desc: 'An example of Panels managed by a table layout.'\r
 346     },{\r
 347         text: 'HBox Layout',\r
 348         url:  'layout/hbox.html',\r
 349         icon: 'layout-column.gif',\r
 350         desc: 'Interactive layout illustrating the capabilities of the HBox Layout.',\r
 351         status: 'new'\r
 352     },{\r
 353         text: 'VBox Layout',\r
 354         url:  'layout/vbox.html',\r
 355         icon: 'layout-vbox.gif',\r
 356         desc: 'Interactive layout illustrating the capabilities of the VBox Layout.',\r
 357         status: 'new'\r
 358     },{\r
 359         text: 'Portal Demo',\r
 360         url:  'portal/portal.html',\r
 361         icon: 'portal.gif',\r
 362         desc: 'A page layout using several custom extensions to provide a web portal interface.'\r
 363     }]\r
 364 },{\r
 365     title: 'ComboBox',\r
 366     samples: [{\r
 367         text: 'Basic ComboBox',\r
 368         url: 'form/combos.html',\r
 369         icon: 'combo.gif',\r
 370         desc: 'Basic combos, combos rendered from markup and customized list layout to provide item tooltips.'\r
 371     },{\r
 372         text: 'ComboBox Templates',\r
 373         url: 'form/forum-search.html',\r
 374         icon: 'combo-custom.gif',\r
 375         desc: 'Customized combo with template-based list rendering, remote loading and paging.'\r
 376     }]\r
 377 },{\r
 378     title: 'Forms',\r
 379     samples: [{\r
 380         text: 'Dynamic Forms',\r
 381         url: 'form/dynamic.html',\r
 382         icon: 'form-dynamic.gif',\r
 383         desc: 'Various example forms showing collapsible fieldsets, column layout, nested TabPanels and more.'\r
 384     },{\r
 385         text: 'Ajax with XML Forms',\r
 386         url: 'form/xml-form.html',\r
 387         icon: 'form-xml.gif',\r
 388         desc: 'Ajax-loaded form fields from remote XML data and remote field validation on submit.'\r
 389     },{\r
 390         text: 'Custom Search Fields',\r
 391         url: 'form/custom.html',\r
 392         icon: 'form-custom.gif',\r
 393         desc: 'A TriggerField search extension combined with an XTemplate for custom results rendering.'\r
 394     },{\r
 395         text: 'Binding a Grid to a Form',\r
 396         url:  'form/form-grid.html',\r
 397         icon: 'form-grid-binding.gif',\r
 398         desc: 'A grid embedded within a FormPanel that automatically loads records into the form on row selection.'\r
 399     },{\r
 400         text: 'Advanced Validation',\r
 401         url:  'form/adv-vtypes.html',\r
 402         icon: 'form-adv-vtypes.gif',\r
 403         desc: 'Relational form field validation using custom vtypes.'\r
 404     },{\r
 405         text: 'Checkbox/Radio Groups',\r
 406         url:  'form/check-radio.html',\r
 407         icon: 'form-check-radio.gif',\r
 408         desc: 'Many examples showing different checkbox and radio group configurations.'\r
 409     },{\r
 410         text: 'File Upload Field',\r
 411         url:  'form/file-upload.html',\r
 412         icon: 'form-file-upload.gif',\r
 413         desc: 'A demo of how to give standard file upload fields a bit of Ext style using a custom class.'\r
 414     },{\r
 415         text: 'Spinner Field',\r
 416         url:  'spinner/spinner.html',\r
 417         icon: 'form-spinner.gif',\r
 418         desc: 'An example of a custom spinner widget.',\r
 419         status: 'new'\r
 420     },{\r
 421         text: 'MultiSelect and ItemSelector',\r
 422         url:  'multiselect/multiselect-demo.html',\r
 423         icon: 'form-multiselect.gif',\r
 424         desc: 'Example controls for selecting a list of items in forms.'\r
 425     },{\r
 426         text: 'Forms with vBox layout',\r
 427         url:  'form/vbox-form.html',\r
 428         icon: 'form-vbox.gif',\r
 429         desc: 'Example usage of the vBox layout with forms. An added bonus is the FieldReplicator plugin.',\r
 430         status : 'new'\r
 431     }]\r
 432 },{\r
 433     title: 'Toolbars and Menus',\r
 434     samples: [{\r
 435         text: 'Basic Toolbar',\r
 436         url:  'menu/menus.html',\r
 437         icon: 'toolbar.gif',\r
 438         desc: 'Toolbar and menus that contain various components like date pickers, color pickers, sub-menus and more.',\r
 439         status: 'updated'\r
 440     },{\r
 441         text: 'Toolbar Overflow',\r
 442         url:  'toolbar/overflow.html',\r
 443         icon: 'toolbar-overflow.gif',\r
 444         desc: 'Dynamic overflow of toolbar buttons into an Ext.menu.',\r
 445         status: 'new'\r
 446     },{\r
 447         text: 'Toolbar Button Groups',\r
 448         url:  'toolbar/toolbars.html',\r
 449         icon: 'toolbar-button-groups.gif',\r
 450         desc: 'Group buttons together in the toolbar.',\r
 451         status: 'new'\r
 452     },{\r
 453         text: 'Ext Actions',\r
 454         url:  'menu/actions.html',\r
 455         icon: 'toolbar-actions.gif',\r
 456         desc: 'Bind the same behavior to multiple buttons, toolbar and menu items using the Ext.Action class.'\r
 457     },{\r
 458         text: 'Status Bar',\r
 459         url:  'statusbar/statusbar-demo.html',\r
 460         icon: 'statusbar-demo.gif',\r
 461         desc: 'A simple StatusBar that can be dropped into the bottom of any panel to display status text and icons.',\r
 462         status: 'updated'\r
 463     },{\r
 464         text: 'Status Bar (Advanced)',\r
 465         url:  'statusbar/statusbar-advanced.html',\r
 466         icon: 'statusbar-adv.gif',\r
 467         desc: 'Customizing the StatusBar via a plugin to provide automatic form validation monitoring and error linking.',\r
 468         status: 'updated'\r
 469     }]\r
 470 },{\r
 471     title: 'Templates and DataView',\r
 472     samples: [{\r
 473         text: 'Templates',\r
 474         url: 'core/templates.html',\r
 475         icon: 'templates.gif',\r
 476         desc: 'A simple example of rendering views from templates bound to data objects.'\r
 477     },{\r
 478         text: 'DataView',\r
 479         url: 'view/data-view.html',\r
 480         icon: 'data-view.gif',\r
 481         desc: 'A basic DataView with custom plugins for editable labels and drag selection of items.'\r
 482     },{\r
 483         text: 'DataView (advanced)',\r
 484         url: 'view/chooser.html',\r
 485         icon: 'chooser.gif',\r
 486         desc: 'A more customized DataView supporting sorting and filtering with multiple templates.'\r
 487     },{\r
 488         text: 'ListView',\r
 489         url: 'view/list-view.html',\r
 490         icon: 'list-view.gif',\r
 491         desc: 'A high performance tabular DataView to be used as a lightweight grid.',\r
 492         status: 'new'\r
 493     }]\r
 494 },{\r
 495     title   : 'Drag and Drop',\r
 496     samples :  [{\r
 497         text : 'Grid to Grid Drag and Drop',\r
 498         url  : 'dd/dnd_grid_to_grid.html',\r
 499         icon : 'dd-gridtogrid.gif',\r
 500         desc : 'A simple drag and drop from grid to grid implementation.'\r
 501     },{\r
 502         text : 'Grid to FormPanel Drag and Drop',\r
 503         url  : 'dd/dnd_grid_to_formpanel.html',\r
 504         icon : 'dd-gridtoformpanel.gif',\r
 505         desc : 'A basic drag and drop from grid to formpanel.'\r
 506     },{\r
 507         text : 'Field to Grid Drag and Drop',\r
 508         url  : 'dd/field-to-grid-dd.html',\r
 509         icon : 'dd-fieldtogrid.gif',\r
 510         desc : 'Drag from a form field and drop on a grid.',\r
 511         status: 'new'\r
 512     },{\r
 513         text : 'Custom Drag and Drop',\r
 514         url  : 'dd/dragdropzones.html',\r
 515         icon : 'dd-zones.gif',\r
 516         desc : 'Enabling drag and drop between a DataView and a grid using DragZone and DropZone extensions.'\r
 517     }]\r
 518 },{\r
 519     title: 'Direct',\r
 520     samples: [{\r
 521         text: 'Direct',\r
 522         url:  'direct/direct.php',\r
 523         icon: 'direct.gif',\r
 524         desc: 'An example demonstrating Remoting and Polling the server',\r
 525         status: 'new'\r
 526     },{\r
 527         text: 'Direct Form',\r
 528         url:  'direct/direct-form.php',\r
 529         icon: 'direct.gif',\r
 530         desc: 'Ext.Direct Remoting with a Form',\r
 531         status: 'new'\r
 532     },{\r
 533         text: 'Direct TreeLoader',\r
 534         url:  'direct/direct-tree.php',\r
 535         icon: 'direct.gif',\r
 536         desc: 'Ext.Direct Remoting with a Tree',\r
 537         status: 'new'\r
 538     }]\r
 539 },{\r
 540     title: 'Miscellaneous',\r
 541     samples: [{\r
 542         text: 'History',\r
 543         url: 'history/history.html',\r
 544         icon: 'history.gif',\r
 545         desc: 'A History manager that allows the user to navigate an Ext UI via browser back/forward.'\r
 546     },{\r
 547         text: 'Google Maps',\r
 548         url: 'window/gmap.html',\r
 549         icon: 'gmap-panel.gif',\r
 550         desc: 'A Google Maps wrapper class that enables easy display of dynamic maps in Ext panels and windows.'\r
 551     },{\r
 552         text: 'Editor',\r
 553         url: 'simple-widgets/editor.html',\r
 554         icon: 'editor.gif',\r
 555         desc: 'An example demonstrating the ease of use of the Ext.editor class to modify DOM elements',\r
 556         status: 'new'\r
 557     },{\r
 558         text: 'Slider',\r
 559         url: 'slider/slider.html',\r
 560         icon: 'slider.gif',\r
 561         desc: 'A slider component that supports vertical mode, snapping, tooltips, customized styles and more.'\r
 562     },{\r
 563         text: 'QuickTips',\r
 564         url: 'simple-widgets/qtips.html',\r
 565         icon: 'qtips.gif',\r
 566         desc: 'Various tooltip and quick tip configuration options including Ajax loading and mouse tracking.',\r
 567         status: 'updated'\r
 568     },{\r
 569         text: 'Progress Bar',\r
 570         url: 'simple-widgets/progress-bar.html',\r
 571         icon: 'progress.gif',\r
 572         desc: 'A basic progress bar component shown in various configurations and with custom styles.'\r
 573     },{\r
 574         text: 'Panels',\r
 575         url: 'panel/panels.html',\r
 576         icon: 'panel.gif',\r
 577         desc: 'A basic collapsible panel example.',\r
 578         status: 'updated'\r
 579     },{\r
 580         text: 'Bubble Panel',\r
 581         url: 'panel/bubble-panel.html',\r
 582         icon: 'panel-bubble.gif',\r
 583         desc: 'An example illustrating customization of a standard panel.',\r
 584         status: 'new'\r
 585     },{\r
 586         text: 'Resizable',\r
 587         url: 'resizable/basic.html',\r
 588         icon: 'resizable.gif',\r
 589         desc: 'Examples of making any element resizable with various configuration options.'\r
 590     },{\r
 591         text: 'Spotlight',\r
 592         url: 'core/spotlight.html',\r
 593         icon: 'spotlight.gif',\r
 594         desc: 'A utility for masking everything except a single element on the page to visually highlight it.',\r
 595         status: 'new'\r
 596     },{\r
 597         text: 'Buttons',\r
 598         url: 'button/buttons.html',\r
 599         icon: 'buttons.gif',\r
 600         desc: '',\r
 601         status: 'new'\r
 602     },{\r
 603         text: 'Debugging Console',\r
 604         url: 'debug/debug-console.html',\r
 605         icon: 'debug-console.gif',\r
 606         desc: '',\r
 607         status: 'new'\r
 608     },{\r
 609         text: 'Localization (static)',\r
 610         url: 'locale/dutch-form.html',\r
 611         icon: 'locale-dutch.gif',\r
 612         desc: 'Demonstrates fully localizing a form by including a custom locale script.'\r
 613     },{\r
 614         text: 'Localization (dynamic)',\r
 615         url: 'locale/multi-lang.html',\r
 616         icon: 'locale-switch.gif',\r
 617         desc: 'Dynamically render various Ext components in different locales by selecting from a locale list.'\r
 618     }]\r
 619 }];\r