3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
7 Ext.ns('Ext.samples');
\r
9 Ext.samples.samplesCatalog = [{
\r
10 title: 'Combination Samples',
\r
12 text: 'Feed Viewer',
\r
13 url: 'feed-viewer/view.html',
\r
15 desc: 'RSS feed reader sample application that features a swappable reader panel layout.'
\r
17 text: 'Simple Tasks',
\r
18 url: 'http://extjs.com/blog/2008/02/24/tasks2/',
\r
20 desc: 'Complete personal task management application sample that runs on <a href="http://labs.adobe.com/technologies/air/" target="_blank">Adobe AIR</a>.'
\r
22 text: 'Simple Tasks',
\r
23 url: 'tasks/tasks.html',
\r
25 desc: 'Personal task management application sample that uses <a href="http://gears.google.com" target="_blank">Google Gears</a> for data storage.'
\r
27 text: 'Image Viewer',
\r
28 url: 'organizer/organizer.html',
\r
29 icon: 'organizer.gif',
\r
30 desc: 'DataView and TreePanel sample that demonstrates dragging data items from a DataView into a TreePanel.'
\r
32 text: 'Image Organizer',
\r
33 url: 'image-organizer/index.html',
\r
34 icon: 'image-organizer.gif',
\r
35 desc: 'Image management application sample utilizing MySQL lite and Ext.Direct.',
\r
38 text: 'Ext JS API Documentation',
\r
39 url: '../docs/index.html',
\r
41 desc: 'API Documentation application.',
\r
44 text: 'Ext JS Forum Browser',
\r
45 url: 'forum/forum.html',
\r
47 desc: 'Ext JS online forums browser application.',
\r
50 text: 'Web Desktop',
\r
51 url: 'desktop/desktop.html',
\r
52 icon: 'desktop.gif',
\r
53 desc: 'Demonstrates how one could build a desktop in the browser using Ext components including a module plugin system.'
\r
56 title: 'Accessibility',
\r
58 text: 'Key Feed Viewer',
\r
59 url: 'key-feed-viewer/view.html',
\r
60 icon: 'keyboard.gif',
\r
61 desc: 'Keyboard navigation within a complex layout',
\r
62 status: 'experimental'
\r
65 url: 'tree/aria-tree.html',
\r
66 icon: 'acc-tree.gif',
\r
67 desc: 'Demonstrating ARIA with a TreePanel',
\r
68 status: 'experimental'
\r
73 text: 'Basic Array Grid',
\r
74 url: 'grid/array-grid.html',
\r
75 icon: 'grid-array.gif',
\r
76 desc: 'A basic read-only grid loaded from local array data that demonstrates the use of custom column renderer functions.'
\r
78 text: 'Property Grid',
\r
79 url: 'grid/property-grid.html',
\r
80 icon: 'grid-property.gif',
\r
81 desc: 'An example of a traditional property grid as typically seen in development IDEs.'
\r
83 text: 'Editable Grid',
\r
84 url: 'grid/edit-grid.html',
\r
85 icon: 'grid-edit.gif',
\r
86 desc: 'An editable grid loaded from XML that shows multiple types of grid editors as well as defining custom data records.'
\r
88 text: 'Row Editor Grid',
\r
89 url: 'grid/row-editor.html',
\r
90 icon: 'grid-row-editor.gif',
\r
91 desc: 'An editable grid which allows the user to make modifications to an entire record at once. Also demonstrates the Ext.chart package. ',
\r
95 url: 'grid/xml-grid.html',
\r
96 icon: 'grid-xml.gif',
\r
97 desc: 'A simple read-only grid loaded from XML data.'
\r
100 url: 'grid/paging.html',
\r
101 icon: 'grid-paging.gif',
\r
102 desc: 'A grid with paging, cross-domain data loading and custom- rendered expandable row bodies.'
\r
104 text: 'Progress Bar Pager',
\r
105 url: 'grid/progress-bar-pager.html',
\r
106 icon: 'progress-bar-pager.gif',
\r
107 desc: 'An example of how to integrate the Progress Bar with the Paging Toolbar using a custom plugin.',
\r
110 text: 'Sliding Pager',
\r
111 url: 'grid/sliding-pager.html',
\r
112 icon: 'slider-pager.gif',
\r
113 desc: 'A demonstration on the integration of the Slider with the Paging Toolbar using a custom plugin.',
\r
117 url: 'grid/grouping.html',
\r
118 icon: 'grid-grouping.gif',
\r
119 desc: 'A basic grouping grid showing collapsible data groups that can be customized via the "Group By" header menu option.'
\r
121 text: 'Grouping with Dynamic Summary',
\r
122 url: 'grid/totals.html',
\r
123 icon: 'grid-summary.gif',
\r
124 desc: 'Advanced grouping grid that allows cell editing and includes custom dynamic summary calculations.',
\r
127 text: 'Grouping with Remote Summary',
\r
128 url: 'grid/totals-hybrid.html',
\r
129 icon: 'grid-summary.gif',
\r
130 desc: 'Advanced grouping grid that allows cell editing and includes remotely loaded dynamic summary calculations.'
\r
132 text: 'Grid Plugins',
\r
133 url: 'grid/grid-plugins.html',
\r
134 icon: 'grid-plugins.gif',
\r
135 desc: 'Multiple grids customized via plugins: expander rows, checkbox selection and row numbering.'
\r
137 text: 'Grid Filtering',
\r
138 url: 'grid-filtering/grid-filter.html',
\r
139 icon: 'grid-filter.gif',
\r
140 desc: 'Grid plugins providing custom data filtering menus that support various data types.'
\r
142 text: 'Grid From Markup',
\r
143 url: 'grid/from-markup.html',
\r
144 icon: 'grid-from-markup.gif',
\r
145 desc: 'Custom GridPanel extension that can convert a plain HTML table into a dynamic grid at runtime.'
\r
147 text: 'Grid Data Binding (basic)',
\r
148 url: 'grid/binding.html',
\r
149 icon: 'grid-data-binding.gif',
\r
150 desc: 'Data binding a grid to a detail preview panel via the grid\'s RowSelectionModel.'
\r
152 text: 'Grid Data Binding (advanced)',
\r
153 url: 'grid/binding-with-classes.html',
\r
154 icon: 'grid-data-binding.gif',
\r
155 desc: 'Refactoring the basic data binding example to use a class-based application design model.'
\r
157 text: 'Buffered GridView',
\r
158 url: 'grid/buffer.html',
\r
159 icon: 'grid-buffer.gif',
\r
160 desc: 'GridView optimized for performance by rendering only visible rows.',
\r
163 text: 'Editable Grid with Writable Store',
\r
164 url: 'writer/writer.html',
\r
165 icon: 'writer-thumb.gif',
\r
166 desc: 'This Store uses JsonWriter to automatically generate CRUD requests to the server through a standard HttpProxy.',
\r
169 text: 'RESTful Store with GridPanel and RowEditor',
\r
170 url: 'restful/restful.html',
\r
171 icon: 'restful-thumb.gif',
\r
172 desc: 'A RESTful Store with JsonWriter which automatically generates CRUD requests to the server.',
\r
178 text: 'Basic Tabs',
\r
179 url: 'tabs/tabs.html',
\r
181 desc: 'Basic tab functionality including autoHeight, tabs from markup, Ajax loading and tab events.'
\r
183 text: 'TabPanel Scroller Menu',
\r
184 url: 'tabs/tab-scroller-menu.html',
\r
185 icon: 'tab-panel-scroller-menu.gif',
\r
186 desc: 'An example of an overflow menu that appears to the right of the TabPanel tab strip',
\r
189 text: 'Advanced Tabs',
\r
190 url: 'tabs/tabs-adv.html',
\r
191 icon: 'tabs-adv.gif',
\r
192 desc: 'Advanced tab features including tab scrolling, adding tabs programmatically and a context menu plugin.'
\r
194 text: 'Group Tabs',
\r
195 url: 'grouptabs/grouptabs.html',
\r
196 icon: 'group-tabs.gif',
\r
197 desc: 'A custom example on how to setup tab grouping using vertical tabs.',
\r
204 url: 'chart/charts.html',
\r
205 icon: 'charts.gif',
\r
206 desc: 'A sampling of several chart styles',
\r
210 url: 'chart/pie-chart.html',
\r
211 icon: 'chart-pie.gif',
\r
212 desc: 'An example of a pie chart',
\r
215 text: 'Stacked Bar Chart',
\r
216 url: 'chart/stacked-bar-chart.html',
\r
217 icon: 'chart-stacked.gif',
\r
218 desc: 'An example of a stacked bar chart',
\r
221 text: 'Reloaded Chart',
\r
222 url: 'chart/reload-chart.html',
\r
223 icon: 'chart-reload.gif',
\r
224 desc: 'An example demonstrating chart data reloading',
\r
230 text: 'Hello World',
\r
231 url: 'window/hello.html',
\r
232 icon: 'window.gif',
\r
233 desc: 'Simple "Hello World" window that contains a basic TabPanel.'
\r
235 text: 'MessageBox',
\r
236 url: 'message-box/msg-box.html',
\r
237 icon: 'msg-box.gif',
\r
238 desc: 'Different styles include confirm, alert, prompt, progress and wait and also support custom icons.'
\r
240 text: 'Layout Window',
\r
241 url: 'window/layout.html',
\r
242 icon: 'window-layout.gif',
\r
243 desc: 'A window containing a basic BorderLayout with nested TabPanel.'
\r
248 text: 'Drag and Drop Reordering',
\r
249 url: 'tree/reorder.html',
\r
250 icon: 'tree-reorder.gif',
\r
251 desc: 'A TreePanel loaded asynchronously via a JSON TreeLoader that shows drag and drop with container scroll.'
\r
253 text: 'Multiple trees',
\r
254 url: 'tree/two-trees.html',
\r
255 icon: 'tree-two.gif',
\r
256 desc: 'Drag and drop between two different sorted TreePanels.'
\r
258 text: 'Column Tree',
\r
259 url: 'tree/column-tree.html',
\r
260 icon: 'tree-columns.gif',
\r
261 desc: 'A custom TreePanel implementation that demonstrates extending an existing component.'
\r
263 text: 'Check Tree',
\r
264 url: 'tree/check-tree.html',
\r
265 icon: 'tree-check.gif',
\r
266 desc: 'An example showing simple checkbox selection in a tree.',
\r
269 text: 'XML Tree Loader',
\r
270 url: 'tree/xml-tree-loader.html',
\r
271 icon: 'tree-xml-loader.gif',
\r
272 desc: 'A custom TreeLoader implementation that demonstrates loading a tree from an XML document.'
\r
275 title: 'Layout Managers',
\r
277 text: 'Layout Browser',
\r
278 url: 'layout-browser/layout-browser.html',
\r
279 icon: 'layout-browser.gif',
\r
280 desc: 'Comprehensive showcase of the standard layout managers as well as several custom and combination layouts and combination examples.',
\r
283 text: 'Border Layout',
\r
284 url: 'layout/complex.html',
\r
285 icon: 'border-layout.gif',
\r
286 desc: 'A complex BorderLayout implementation that shows nesting multiple components and sub-layouts.'
\r
288 text: 'Accordion Layout',
\r
289 url: 'layout/accordion.html',
\r
290 icon: 'layout-accordion.gif',
\r
291 desc: 'A basic accordion layout within a border layout.'
\r
293 text: 'Absolute Layout (Form)',
\r
294 url: 'form/absform.html',
\r
295 icon: 'layout-absolute.gif',
\r
296 desc: 'A simple example of form fields utilizing an absolute layout in a window for flexible form resizing.'
\r
298 text: 'Anchor Layout (Form)',
\r
299 url: 'form/anchoring.html',
\r
300 icon: 'layout-form.gif',
\r
301 desc: 'A simple example of form fields utilizing an anchor layout in a window for flexible form resizing.'
\r
303 text: 'Anchor Layout (Panel)',
\r
304 url: 'layout/anchor.html',
\r
305 icon: 'layout-anchor.gif',
\r
306 desc: 'An example of Panels anchored in the browser window.'
\r
308 text: 'Column Layout',
\r
309 url: 'layout/column.html',
\r
310 icon: 'layout-column.gif',
\r
311 desc: 'An example of Panels managed by a column layout.'
\r
313 text: 'Table Layout',
\r
314 url: 'layout/table.html',
\r
315 icon: 'layout-table.gif',
\r
316 desc: 'An example of Panels managed by a table layout.'
\r
318 text: 'HBox Layout',
\r
319 url: 'layout/hbox.html',
\r
320 icon: 'layout-column.gif',
\r
321 desc: 'Interactive layout illustrating the capabilities of the HBox Layout.',
\r
324 text: 'VBox Layout',
\r
325 url: 'layout/vbox.html',
\r
327 desc: 'Interactive layout illustrating the capabilities of the VBox Layout.',
\r
330 text: 'Portal Demo',
\r
331 url: 'portal/portal.html',
\r
332 icon: 'portal.gif',
\r
333 desc: 'A page layout using several custom extensions to provide a web portal interface.'
\r
338 text: 'Basic ComboBox',
\r
339 url: 'form/combos.html',
\r
341 desc: 'Basic combos, combos rendered from markup and customized list layout to provide item tooltips.'
\r
343 text: 'ComboBox Templates',
\r
344 url: 'form/forum-search.html',
\r
345 icon: 'combo-custom.gif',
\r
346 desc: 'Customized combo with template-based list rendering, remote loading and paging.'
\r
351 text: 'Dynamic Forms',
\r
352 url: 'form/dynamic.html',
\r
353 icon: 'form-dynamic.gif',
\r
354 desc: 'Various example forms showing collapsible fieldsets, column layout, nested TabPanels and more.'
\r
356 text: 'Ajax with XML Forms',
\r
357 url: 'form/xml-form.html',
\r
358 icon: 'form-xml.gif',
\r
359 desc: 'Ajax-loaded form fields from remote XML data and remote field validation on submit.'
\r
361 text: 'Custom Search Fields',
\r
362 url: 'form/custom.html',
\r
363 icon: 'form-custom.gif',
\r
364 desc: 'A TriggerField search extension combined with an XTemplate for custom results rendering.'
\r
366 text: 'Binding a Grid to a Form',
\r
367 url: 'form/form-grid.html',
\r
368 icon: 'form-grid-binding.gif',
\r
369 desc: 'A grid embedded within a FormPanel that automatically loads records into the form on row selection.'
\r
371 text: 'Advanced Validation',
\r
372 url: 'form/adv-vtypes.html',
\r
373 icon: 'form-adv-vtypes.gif',
\r
374 desc: 'Relational form field validation using custom vtypes.'
\r
376 text: 'Checkbox/Radio Groups',
\r
377 url: 'form/check-radio.html',
\r
378 icon: 'form-check-radio.gif',
\r
379 desc: 'Many examples showing different checkbox and radio group configurations.'
\r
381 text: 'File Upload Field',
\r
382 url: 'form/file-upload.html',
\r
383 icon: 'form-file-upload.gif',
\r
384 desc: 'A demo of how to give standard file upload fields a bit of Ext style using a custom class.'
\r
386 text: 'Spinner Field',
\r
387 url: 'spinner/spinner.html',
\r
388 icon: 'form-spinner.gif',
\r
389 desc: 'An example of a custom spinner widget.',
\r
392 text: 'MultiSelect and ItemSelector',
\r
393 url: 'multiselect/multiselect-demo.html',
\r
394 icon: 'form-multiselect.gif',
\r
395 desc: 'Example controls for selecting a list of items in forms.'
\r
398 title: 'Toolbars and Menus',
\r
400 text: 'Basic Toolbar',
\r
401 url: 'menu/menus.html',
\r
402 icon: 'toolbar.gif',
\r
403 desc: 'Toolbar and menus that contain various components like date pickers, color pickers, sub-menus and more.',
\r
406 text: 'Toolbar Overflow',
\r
407 url: 'toolbar/overflow.html',
\r
408 icon: 'toolbar-overflow.gif',
\r
409 desc: 'Dynamic overflow of toolbar buttons into an Ext.menu.',
\r
412 text: 'Toolbar Button Groups',
\r
413 url: 'toolbar/toolbars.html',
\r
414 icon: 'toolbar-button-groups.gif',
\r
415 desc: 'Group buttons together in the toolbar.',
\r
418 text: 'Ext Actions',
\r
419 url: 'menu/actions.html',
\r
420 icon: 'toolbar-actions.gif',
\r
421 desc: 'Bind the same behavior to multiple buttons, toolbar and menu items using the Ext.Action class.'
\r
423 text: 'Status Bar',
\r
424 url: 'statusbar/statusbar-demo.html',
\r
425 icon: 'statusbar-demo.gif',
\r
426 desc: 'A simple StatusBar that can be dropped into the bottom of any panel to display status text and icons.',
\r
429 text: 'Status Bar (Advanced)',
\r
430 url: 'statusbar/statusbar-advanced.html',
\r
431 icon: 'statusbar-adv.gif',
\r
432 desc: 'Customizing the StatusBar via a plugin to provide automatic form validation monitoring and error linking.',
\r
436 title: 'Templates and DataView',
\r
439 url: 'core/templates.html',
\r
440 icon: 'templates.gif',
\r
441 desc: 'A simple example of rendering views from templates bound to data objects.'
\r
444 url: 'view/data-view.html',
\r
445 icon: 'data-view.gif',
\r
446 desc: 'A basic DataView with custom plugins for editable labels and drag selection of items.'
\r
448 text: 'DataView (advanced)',
\r
449 url: 'view/chooser.html',
\r
450 icon: 'chooser.gif',
\r
451 desc: 'A more customized DataView supporting sorting and filtering with multiple templates.'
\r
454 url: 'view/list-view.html',
\r
455 icon: 'list-view.gif',
\r
456 desc: 'A high performance tabular DataView to be used as a lightweight grid.',
\r
460 title : 'Drag and Drop',
\r
462 text : 'Grid to Grid Drag and Drop',
\r
463 url : 'dd/dnd_grid_to_grid.html',
\r
464 icon : 'dd-gridtogrid.gif',
\r
465 desc : 'A simple drag and drop from grid to grid implementation.'
\r
467 text : 'Grid to FormPanel Drag and Drop',
\r
468 url : 'dd/dnd_grid_to_formpanel.html',
\r
469 icon : 'dd-gridtoformpanel.gif',
\r
470 desc : 'A basic drag and drop from grid to formpanel.'
\r
472 text : 'Field to Grid Drag and Drop',
\r
473 url : 'dd/field-to-grid-dd.html',
\r
474 icon : 'dd-fieldtogrid.gif',
\r
475 desc : 'Drag from a form field and drop on a grid.',
\r
478 text : 'Custom Drag and Drop',
\r
479 url : 'dd/dragdropzones.html',
\r
480 icon : 'dd-zones.gif',
\r
481 desc : 'Enabling drag and drop between a DataView and a grid using DragZone and DropZone extensions.'
\r
487 url: 'direct/direct.php',
\r
488 icon: 'direct.gif',
\r
489 desc: 'An example demonstrating Remoting and Polling the server',
\r
492 text: 'Direct Form',
\r
493 url: 'direct/direct-form.php',
\r
494 icon: 'direct.gif',
\r
495 desc: 'Ext.Direct Remoting with a Form',
\r
498 text: 'Direct TreeLoader',
\r
499 url: 'direct/direct-tree.php',
\r
500 icon: 'direct.gif',
\r
501 desc: 'Ext.Direct Remoting with a Tree',
\r
505 title: 'Miscellaneous',
\r
508 url: 'history/history.html',
\r
509 icon: 'history.gif',
\r
510 desc: 'A History manager that allows the user to navigate an Ext UI via browser back/forward.'
\r
512 text: 'Google Maps',
\r
513 url: 'window/gmap.html',
\r
514 icon: 'gmap-panel.gif',
\r
515 desc: 'A Google Maps wrapper class that enables easy display of dynamic maps in Ext panels and windows.'
\r
518 url: 'slider/slider.html',
\r
519 icon: 'slider.gif',
\r
520 desc: 'A slider component that supports vertical mode, snapping, tooltips, customized styles and more.'
\r
523 url: 'simple-widgets/qtips.html',
\r
525 desc: 'Various tooltip and quick tip configuration options including Ajax loading and mouse tracking.',
\r
528 text: 'Progress Bar',
\r
529 url: 'simple-widgets/progress-bar.html',
\r
530 icon: 'progress.gif',
\r
531 desc: 'A basic progress bar component shown in various configurations and with custom styles.'
\r
534 url: 'panel/panels.html',
\r
536 desc: 'A basic collapsible panel example.',
\r
539 text: 'Bubble Panel',
\r
540 url: 'panel/bubble-panel.html',
\r
541 icon: 'panel-bubble.gif',
\r
542 desc: 'An example illustrating customization of a standard panel.',
\r
546 url: 'resizable/basic.html',
\r
547 icon: 'resizable.gif',
\r
548 desc: 'Examples of making any element resizable with various configuration options.'
\r
551 url: 'core/spotlight.html',
\r
552 icon: 'spotlight.gif',
\r
553 desc: 'A utility for masking everything except a single element on the page to visually highlight it.',
\r
557 url: 'button/buttons.html',
\r
558 icon: 'buttons.gif',
\r
562 text: 'Debugging Console',
\r
563 url: 'debug/debug-console.html',
\r
564 icon: 'debug-console.gif',
\r
568 text: 'Localization (static)',
\r
569 url: 'locale/dutch-form.html',
\r
570 icon: 'locale-dutch.gif',
\r
571 desc: 'Demonstrates fully localizing a form by including a custom locale script.'
\r
573 text: 'Localization (dynamic)',
\r
574 url: 'locale/multi-lang.html',
\r
575 icon: 'locale-switch.gif',
\r
576 desc: 'Dynamically render various Ext components in different locales by selecting from a locale list.'
\r