source: trunk/web/addons/job_monarch/lib/extjs-30/examples/data.js @ 647

Last change on this file since 647 was 625, checked in by ramonb, 15 years ago

lib/extjs-30:

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