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 | */ |
---|
7 | Ext.ns('Ext.samples'); |
---|
8 | |
---|
9 | Ext.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 | }]; |
---|