]> git.proxmox.com Git - extjs.git/blame - extjs/examples/examples.js
add extjs 6.0.1 sources
[extjs.git] / extjs / examples / examples.js
CommitLineData
6527f429
DM
1Ext = window.Ext || {};\r
2Ext.samples = {\r
3 samplesCatalog: [\r
4 {\r
5 "title": "Application Templates",\r
6 "items": [\r
7 {\r
8 "text": "Admin Dashboard",\r
9 "url": "admin-dashboard/",\r
10 "icon": "responsive-design",\r
11 "desc": "Complete, feature-rich administrative application template"\r
12 },\r
13 {\r
14 "text": "Executive Dashboard",\r
15 "url": "classic/executive-dashboard/index.html",\r
16 "icon": "exec-dashboard",\r
17 "desc": "A tablet-friendly, responsive application template"\r
18 }\r
19 ]\r
20 },\r
21 {\r
22 "title": "Combination Examples",\r
23 "items": [\r
24 {\r
25 "text": "Kitchen Sink",\r
26 "url": "kitchensink/",\r
27 "icon": "kitchensink",\r
28 "desc": "Showcase of Ext JS components and features"\r
29 },\r
30 {\r
31 "text": "Sencha Charts Kitchen Sink",\r
32 "url": "kitchensink/?charts=true",\r
33 "icon": "charts",\r
34 "desc": "Showcase of Sencha Charts"\r
35 },\r
36 {\r
37 "text": "Feed Viewer",\r
38 "url": "classic/feed-viewer/feed-viewer.html",\r
39 "icon": "feeds",\r
40 "desc": "RSS feed reader example application"\r
41 },\r
42 {\r
43 "text": "Ext JS Calendar",\r
44 "url": "classic/calendar/index.html",\r
45 "icon": "calendar",\r
46 "desc": "Example Calendar application"\r
47 },\r
48 {\r
49 "text": "Ticket App",\r
50 "url": "classic/ticket-app/index.html",\r
51 "icon": "ticket",\r
52 "desc": "Simple ticket application that demonstrates MVC concepts and data binding"\r
53 },\r
54 {\r
55 "text": "Portal Demo",\r
56 "url": "classic/portal/index.html",\r
57 "icon": "portal",\r
58 "desc": "A page layout using several custom extensions to provide a web portal interface."\r
59 },\r
60 {\r
61 "text": "Simple Tasks",\r
62 "url": "classic/simple-tasks/index.html",\r
63 "icon": "tasks",\r
64 "desc": "Complete personal task management application example"\r
65 },\r
66 {\r
67 "text": "Responsive Design Demo",\r
68 "url": "classic/responsive-app/index.html",\r
69 "icon": "responsive-design",\r
70 "desc": "A simple application that shows how to implement a responsive UI.",\r
71 "status": "new"\r
72 },\r
73 {\r
74 "text": "Image Viewer",\r
75 "url": "classic/organizer/organizer.html",\r
76 "icon": "imageviewer",\r
77 "desc": "An image viewer with drag/drop functionality"\r
78 },\r
79 {\r
80 "text": "Theme Viewer",\r
81 "url": "classic/themes/index.html",\r
82 "icon": "theme",\r
83 "desc": "View and test every Ext component against bundled Ext themes."\r
84 },\r
85 {\r
86 "text": "Right-to-Left (RTL)",\r
87 "url": "classic/rtl/rtl.html",\r
88 "icon": "rtl",\r
89 "desc": "Demonstrates Ext JS support for right-to-left languages"\r
90 },\r
91 {\r
92 "text": "Web Desktop",\r
93 "url": "classic/desktop/index.html",\r
94 "icon": "webdesktop",\r
95 "desc": "Demonstrates how one could build a desktop in the browser using Ext JS"\r
96 }\r
97 ]\r
98 },\r
99 {\r
100 "title": "Grids",\r
101 "items": [\r
102 {\r
103 "text": "Grid Data Binding",\r
104 "url": "classic/grid/binding.html",\r
105 "icon": "grid-data-binding",\r
106 "desc": "Data binding a grid to a detail preview panel via the grid\"s RowSelectionModel"\r
107 },\r
108 {\r
109 "text": "Grid Grouping with Summary",\r
110 "url": "classic/grid/group-summary-grid.html",\r
111 "icon": "grid-summary",\r
112 "desc": "Grouping grid with cell editing and custom dynamic summary calculations"\r
113 },\r
114 {\r
115 "text": "Grid with Buffered Store",\r
116 "url": "classic/grid/buffered-store.html",\r
117 "icon": "grid-infinite-scroll",\r
118 "desc": "Sample grid which scrolls through thousands of rows dynamically loaded from a server"\r
119 },\r
120 {\r
121 "text": "Grid with Live Search Capability",\r
122 "url": "classic/grid/live-search-grid.html",\r
123 "icon": "grid-live-search",\r
124 "desc": "Grid with Live Search Capability"\r
125 },\r
126 {\r
127 "text": "Grouping with Remote Summary",\r
128 "url": "classic/grid/remote-group-summary-grid.html",\r
129 "icon": "grid-group-summaries",\r
130 "desc": "Grouping grid with cell editing and remotely loaded dynamic summary calculations"\r
131 },\r
132 {\r
133 "text": "Grid Row Editing",\r
134 "url": "classic/grid/row-editing.html",\r
135 "icon": "grid-row-editor",\r
136 "desc": "An editable grid which allows the user to make modifications to an entire record at onc"\r
137 },\r
138 {\r
139 "text": "RESTful Store with GridPanel and RowEditor",\r
140 "url": "classic/restful/restful.html",\r
141 "icon": "grid-row-editor-rest",\r
142 "desc": "A RESTful Store which generates CRUD requests to the server in JSON format"\r
143 },\r
144 {\r
145 "text": "Editable Grid with Writable Store",\r
146 "url": "classic/writer/writer.html",\r
147 "icon": "writer-thumb",\r
148 "desc": "A Grid that generate CRUD requests to the server using Ajax"\r
149 },\r
150 {\r
151 "text": "Editable Grid with JSONP Writable Store",\r
152 "url": "classic/writer/writer-jsonp.html",\r
153 "icon": "writer-thumb-json",\r
154 "desc": "A Grid that generate CRUD requests to the server using JsonP"\r
155 },\r
156 {\r
157 "text": "Buffered Scrolling",\r
158 "url": "classic/grid/buffer-grid.html",\r
159 "icon": "buffer-grid",\r
160 "desc": "A grid that uses a virtualized scrolling system to handle very large data sets."\r
161 },\r
162 {\r
163 "text": "Grid From Markup",\r
164 "url": "classic/grid/transform-dom.html",\r
165 "icon": "grid-transform",\r
166 "desc": "Create a grid with from an existing, unformatted HTML table."\r
167 },\r
168 {\r
169 "text": "Locking Grouping Summary Grid",\r
170 "url": "classic/grid/locking-group-summary-grid.html",\r
171 "icon": "grid-summary",\r
172 "desc": "Grouping grid with cell editing, column locking, and dynamic summary calculations."\r
173 },\r
174 {\r
175 "text": "Grid with Filtered and Buffered Store",\r
176 "url": "classic/grid/filtered-buffered-store.html",\r
177 "icon": "grid-infinite-scroll",\r
178 "desc": "A grid that shows how to apply filters to a buffered store."\r
179 },\r
180 {\r
181 "text": "Locking Grouped Header Summary Grid",\r
182 "url": "classic/grid/locking-grp-summary-grp-hdrs-grid.html",\r
183 "icon": "grid-summary-head",\r
184 "desc": "Grouped grid with locked columns and grouped column headers"\r
185 }\r
186 ]\r
187 },\r
188 {\r
189 "title": "Modern Toolkit",\r
190 "items": [\r
191 {\r
192 "text": "US Energy",\r
193 "url": "modern/energy/index.html",\r
194 "icon": "us-energy",\r
195 "desc": "A demo of energy consumption/production of The United States."\r
196 },\r
197 {\r
198 "text": "Stock Chart",\r
199 "url": "modern/stockapp/index.html",\r
200 "icon": "stock-chart",\r
201 "desc": "A demo of a stock market chart application."\r
202 },\r
203 {\r
204 "text": "2010 Census",\r
205 "url": "modern/states/index.html",\r
206 "icon": "census",\r
207 "desc": "A demo to visualize 2010 Census."\r
208 },\r
209 {\r
210 "text": "GeoCongress",\r
211 "url": "modern/geocongress/index.html",\r
212 "icon": "geo-congress",\r
213 "desc": "Find information on your local Legislators"\r
214 },\r
215 {\r
216 "text": "O'Reilly",\r
217 "url": "modern/oreilly/index.html",\r
218 "icon": "oreilly",\r
219 "desc": "Sample conference application with a connection to remote backend data."\r
220 },\r
221 /*{\r
222 "text": "Touch Tomatoes",\r
223 "url": "modern/touchtomatoes/index.html",\r
224 "icon": "",\r
225 "desc": "Rotten Tomatoes application featuring Intro Overlay, JSONP and AJAX Search."\r
226 },\r
227 {\r
228 "text": "TouchStyle",\r
229 "url": "modern/touchstyle/index.html",\r
230 "icon": "",\r
231 "desc": "Example of dynamic carousel and device profiles"\r
232 },*/\r
233 {\r
234 "text": "Address Book",\r
235 "url": "modern/addressbook/index.html",\r
236 "icon": "address-book",\r
237 "desc": "A sample application using navigationview"\r
238 },\r
239 {\r
240 "text": "Blackberry",\r
241 "url": "modern/blackberry/index.html",\r
242 "icon": "data-view",\r
243 "desc": "A demo of blackberry components and theme."\r
244 }\r
245 ]\r
246 },\r
247 {\r
248 "title": "Windows",\r
249 "items": [\r
250 {\r
251 "text": "Window Variations",\r
252 "url": "classic/window/window.html",\r
253 "icon": "window",\r
254 "desc": "A collection of Windows in different configurations"\r
255 },\r
256 {\r
257 "text": "Layout Window",\r
258 "url": "classic/window/layout.html",\r
259 "icon": "window-layout",\r
260 "desc": "A window containing a basic BorderLayout with nested TabPanel"\r
261 }\r
262 ]\r
263 },\r
264 {\r
265 "title": "Trees",\r
266 "items": [\r
267 {\r
268 "text": "Locking TreeGrid",\r
269 "url": "classic/tree/locking-treegrid.html",\r
270 "icon": "tree-columns",\r
271 "desc": "TreeGrid with lockable columns"\r
272 },\r
273 {\r
274 "text": "Custom Drop Logic",\r
275 "url": "classic/tree/custom-drop-logic.html",\r
276 "icon": "tree-custom-node-logic",\r
277 "desc": "A tree with custom drag/drop handling to determine where nodes can be moved"\r
278 },\r
279 {\r
280 "text": "Buffer Rendered Tree",\r
281 "url": "classic/tree/buffer-rendered-treegrid.html",\r
282 "icon": "tree-columns-buff",\r
283 "desc": "Rendering very large trees efficiently"\r
284 },\r
285 {\r
286 "text": "Locking Buffer Rendered Tree",\r
287 "url": "classic/tree/locking-buffer-rendered-treegrid.html",\r
288 "icon": "tree-columns-lock",\r
289 "desc": "Rendering very large trees efficiently. With locked columns"\r
290 }\r
291 ]\r
292 },\r
293 {\r
294 "title": "Drag and Drop",\r
295 "items": [\r
296 {\r
297 "text": "Grid Cell to Cell DnD",\r
298 "url": "classic/dd/cell-to-cell-dd.html",\r
299 "icon": "dd-celltocell",\r
300 "desc": "Illustrates how a custom plugin can enable cell drag and drop operations within the same GridView"\r
301 },\r
302 {\r
303 "text": "Custom Drag and Drop",\r
304 "url": "classic/dd/dragdropzones.html",\r
305 "icon": "dd-zones",\r
306 "desc": "A completely custom Drag and Drop example showing DnD between a DataView and a grid"\r
307 }\r
308 ]\r
309 },\r
310 {\r
311 "title": "Toolbars and Menus",\r
312 "items": [\r
313 {\r
314 "text": "Basic Toolbar",\r
315 "url": "classic/menu/menus.html",\r
316 "icon": "toolbar",\r
317 "desc": "Toolbar and menus that contain various components like date pickers, color pickers, sub-menus and more"\r
318 },\r
319 {\r
320 "text": "Toolbar Button Groups",\r
321 "url": "classic/toolbar/toolbars.html",\r
322 "icon": "toolbar-button-groups",\r
323 "desc": "Group buttons together in the toolbar"\r
324 },\r
325 {\r
326 "text": "Vertical Toolbars",\r
327 "url": "classic/toolbar/vertical-toolbars.html",\r
328 "icon": "toolbar-vertical",\r
329 "desc": "Vertical Toolbars on the left and right. Combined vertical and horizontal toolbars"\r
330 },\r
331 {\r
332 "text": "Ext Grid Actions",\r
333 "url": "classic/menu/action-grid.html",\r
334 "icon": "actions-grid",\r
335 "desc": "Bind the same behavior to multiple buttons, toolbar and menu items using the Ext.Action class"\r
336 },\r
337 {\r
338 "text": "Reorderable Toolbar",\r
339 "url": "classic/toolbar/reorderable.html",\r
340 "icon": "toolbar-reorderable",\r
341 "desc": "Items within a toolbar can be reordered using this plugin"\r
342 },\r
343 {\r
344 "text": "Overflow Toolbar",\r
345 "url": "classic/toolbar/overflow.html",\r
346 "icon": "toolbar-overflow",\r
347 "desc": "Items within a toolbar will be placed into an overflow menu if the toolbar is too narrow"\r
348 },\r
349 {\r
350 "text": "Status Bar",\r
351 "url": "classic/statusbar/statusbar-demo.html",\r
352 "icon": "statusbar-demo",\r
353 "desc": "A simple StatusBar that can be dropped into the bottom of any panel to display status text and icon"\r
354 },\r
355 {\r
356 "text": "Status Bar (Advanced)",\r
357 "url": "classic/statusbar/statusbar-advanced.html",\r
358 "icon": "statusbar-adv",\r
359 "desc": "Customizing the StatusBar via a plugin to provide automatic form validation monitoring and error linking"\r
360 },\r
361 {\r
362 "text": "Ext Toolbar Actions",\r
363 "url": "classic/menu/actions.html",\r
364 "icon": "actions",\r
365 "desc": "Bind the same behavior to multiple buttons, toolbar and menu items using the Ext.Action class"\r
366 }\r
367\r
368 ]\r
369 },\r
370 {\r
371 "title": "DataView",\r
372 "items": [\r
373 {\r
374 "text": "DataView",\r
375 "url": "classic/view/data-view.html",\r
376 "icon": "data-view",\r
377 "desc": "This example shows how to use an Ext.view.View"\r
378 },\r
379 {\r
380 "text": "Animated DataView",\r
381 "url": "classic/view/animated-dataview.html",\r
382 "icon": "animated-dataview",\r
383 "desc": "Transition animation plugin applied to a standard DataView"\r
384 },\r
385 {\r
386 "text": "Advanced DataView",\r
387 "url": "classic/view/chooser/chooser.html",\r
388 "icon": "advanced-dataview",\r
389 "desc": "DataView which allows you to filter and sort images"\r
390 }\r
391 ]\r
392 },\r
393 {\r
394 "title": "MVC",\r
395 "items": [\r
396 {\r
397 "text": "Feed Viewer",\r
398 "url": "classic/app/feed-viewer/feed-viewer.html",\r
399 "icon": "feeds",\r
400 "desc": "An MVC application version of the Feed Viewer example. This shows best practice for a small app"\r
401 },\r
402 {\r
403 "text": "Nested Loading",\r
404 "url": "classic/app/nested-loading/nested-loading.html",\r
405 "icon": "nested-loading",\r
406 "desc": "An MVC example that shows simple navigation and nested loading with the data package"\r
407 }\r
408 ]\r
409 },\r
410 {\r
411 "title": "Accessibility",\r
412 "items": [\r
413 {\r
414 "text": "ARIA demo",\r
415 "url": "classic/aria/",\r
416 "icon": "keyboard",\r
417 "desc": "Shows Ext JS's comprehensive keyboard support for users who have difficulty using a pointing device"\r
418 }\r
419 ]\r
420 },\r
421 {\r
422 "title": "Miscellaneous",\r
423 "items": [\r
424 {\r
425 "text": "History",\r
426 "url": "classic/history/history.html",\r
427 "icon": "history",\r
428 "desc": "A History manager that allows the user to navigate an Ext UI via browser back/forward"\r
429 },\r
430 {\r
431 "text": "History - Router",\r
432 "url": "classic/history/history-router.html",\r
433 "icon": "history-router",\r
434 "desc": "Utilizing routes within a MVC controller to navigate an Ext UI via browser back/forward buttons",\r
435 "status": "new"\r
436 },\r
437 {\r
438 "text": "Google Maps",\r
439 "url": "classic/window/gmap.html",\r
440 "icon": "gmap-panel",\r
441 "desc": "A Google Maps wrapper class that enables easy display of dynamic maps in Ext panels and windows"\r
442 },\r
443 {\r
444 "text": "Editor",\r
445 "url": "classic/simple-widgets/editor.html",\r
446 "icon": "editor",\r
447 "desc": "An example demonstrating the ease of use of the Ext.editor class to modify DOM elements"\r
448 },\r
449 {\r
450 "text": "Slider",\r
451 "url": "classic/slider/slider.html",\r
452 "icon": "slider",\r
453 "desc": "A slider component that supports vertical mode, snapping, tooltips, customized styles and multiple thumbs"\r
454 },\r
455 {\r
456 "text": "QuickTips",\r
457 "url": "classic/qtips/qtips.html",\r
458 "icon": "qtips",\r
459 "desc": "Various tooltip and quick tip configuration options including Ajax loading and mouse tracking"\r
460 },\r
461 {\r
462 "text": "Progress Bar",\r
463 "url": "classic/simple-widgets/progress-bar.html",\r
464 "icon": "progress",\r
465 "desc": "A basic progress bar component shown in various configurations and with custom styles"\r
466 },\r
467 {\r
468 "text": "Panels",\r
469 "url": "classic/panel/panel.html",\r
470 "icon": "panel",\r
471 "desc": "A basic collapsible panel example."\r
472 },\r
473 {\r
474 "text": "Resizable",\r
475 "url": "classic/resizer/basic.html",\r
476 "icon": "resizable",\r
477 "desc": "Examples of making any element resizable with various configuration options"\r
478 },\r
479 {\r
480 "text": "Spotlight",\r
481 "url": "classic/core/spotlight.html",\r
482 "icon": "spotlight",\r
483 "desc": "A utility for masking everything except a single element on the page to visually highlight it"\r
484 },\r
485 {\r
486 "text": "Keyboard Navigation",\r
487 "url": "classic/keynav/keynav.html",\r
488 "icon": "keyboard",\r
489 "desc": "Shows a custom keyboard navigation using the KeyNav class"\r
490 },\r
491 {\r
492 "text": "Localization (static)",\r
493 "url": "classic/locale/dutch-form.html",\r
494 "icon": "locale-dutch",\r
495 "desc": "Demonstrates fully localizing a form by including a custom locale script"\r
496 },\r
497 {\r
498 "text": "Localization (dynamic)",\r
499 "url": "classic/locale/multi-lang.html",\r
500 "icon": "locale-switch",\r
501 "desc": "Dynamically render various Ext components in different locales by selecting from a locale list"\r
502 },\r
503 {\r
504 "text": "Browser State Management",\r
505 "url": "classic/state/state.html",\r
506 "icon": "state-saving",\r
507 "desc": "An example of storing your application's state"\r
508 },\r
509 {\r
510 "text": "Basic Templating",\r
511 "url": "classic/platform/templates.html",\r
512 "icon": "templates",\r
513 "desc": "A basic templating example"\r
514 },\r
515 {\r
516 "text": "MultiSelect and ItemSelector",\r
517 "url": "classic/multiselect/multiselect-demo.html",\r
518 "icon": "form-multiselect",\r
519 "desc": "Example controls for selecting a list of items in forms"\r
520 }\r
521 /* Disabled until this is updated to work with the new theming system\r
522 NOTE: when uncommenting this, also add it back in to examples.json\r
523 {\r
524 "text": "Bubble Panel",\r
525 "url": "classic/panel/bubble-panel/bubble-panel.html",\r
526 "icon": "panel-bubble.gif",\r
527 "desc": "This is a custom panel UI to achieve a different look and feel while not changing the default appearance of an Ext.Panel."\r
528 }\r
529 */\r
530 ]\r
531 }\r
532 ]\r
533};\r