]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | Ext = window.Ext || {};\r |
2 | Ext.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 |