examples/data.js

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