-Ext = window.Ext || {};\r
-Ext.samples = {\r
- samplesCatalog: [\r
- {\r
- "title": "Application Templates",\r
- "items": [\r
- {\r
- "text": "Admin Dashboard",\r
- "url": "admin-dashboard/",\r
- "icon": "responsive-design",\r
- "desc": "Complete, feature-rich administrative application template"\r
- },\r
- {\r
- "text": "Executive Dashboard",\r
- "url": "classic/executive-dashboard/index.html",\r
- "icon": "exec-dashboard",\r
- "desc": "A tablet-friendly, responsive application template"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Combination Examples",\r
- "items": [\r
- {\r
- "text": "Kitchen Sink",\r
- "url": "kitchensink/",\r
- "icon": "kitchensink",\r
- "desc": "Showcase of Ext JS components and features"\r
- },\r
- {\r
- "text": "Sencha Charts Kitchen Sink",\r
- "url": "kitchensink/?charts=true",\r
- "icon": "charts",\r
- "desc": "Showcase of Sencha Charts"\r
- },\r
- {\r
- "text": "Feed Viewer",\r
- "url": "classic/feed-viewer/feed-viewer.html",\r
- "icon": "feeds",\r
- "desc": "RSS feed reader example application"\r
- },\r
- {\r
- "text": "Ext JS Calendar",\r
- "url": "classic/calendar/index.html",\r
- "icon": "calendar",\r
- "desc": "Example Calendar application"\r
- },\r
- {\r
- "text": "Ticket App",\r
- "url": "classic/ticket-app/index.html",\r
- "icon": "ticket",\r
- "desc": "Simple ticket application that demonstrates MVC concepts and data binding"\r
- },\r
- {\r
- "text": "Portal Demo",\r
- "url": "classic/portal/index.html",\r
- "icon": "portal",\r
- "desc": "A page layout using several custom extensions to provide a web portal interface."\r
- },\r
- {\r
- "text": "Simple Tasks",\r
- "url": "classic/simple-tasks/index.html",\r
- "icon": "tasks",\r
- "desc": "Complete personal task management application example"\r
- },\r
- {\r
- "text": "Responsive Design Demo",\r
- "url": "classic/responsive-app/index.html",\r
- "icon": "responsive-design",\r
- "desc": "A simple application that shows how to implement a responsive UI.",\r
- "status": "new"\r
- },\r
- {\r
- "text": "Image Viewer",\r
- "url": "classic/organizer/organizer.html",\r
- "icon": "imageviewer",\r
- "desc": "An image viewer with drag/drop functionality"\r
- },\r
- {\r
- "text": "Theme Viewer",\r
- "url": "classic/themes/index.html",\r
- "icon": "theme",\r
- "desc": "View and test every Ext component against bundled Ext themes."\r
- },\r
- {\r
- "text": "Right-to-Left (RTL)",\r
- "url": "classic/rtl/rtl.html",\r
- "icon": "rtl",\r
- "desc": "Demonstrates Ext JS support for right-to-left languages"\r
- },\r
- {\r
- "text": "Web Desktop",\r
- "url": "classic/desktop/index.html",\r
- "icon": "webdesktop",\r
- "desc": "Demonstrates how one could build a desktop in the browser using Ext JS"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Grids",\r
- "items": [\r
- {\r
- "text": "Grid Data Binding",\r
- "url": "classic/grid/binding.html",\r
- "icon": "grid-data-binding",\r
- "desc": "Data binding a grid to a detail preview panel via the grid\"s RowSelectionModel"\r
- },\r
- {\r
- "text": "Grid Grouping with Summary",\r
- "url": "classic/grid/group-summary-grid.html",\r
- "icon": "grid-summary",\r
- "desc": "Grouping grid with cell editing and custom dynamic summary calculations"\r
- },\r
- {\r
- "text": "Grid with Buffered Store",\r
- "url": "classic/grid/buffered-store.html",\r
- "icon": "grid-infinite-scroll",\r
- "desc": "Sample grid which scrolls through thousands of rows dynamically loaded from a server"\r
- },\r
- {\r
- "text": "Grid with Live Search Capability",\r
- "url": "classic/grid/live-search-grid.html",\r
- "icon": "grid-live-search",\r
- "desc": "Grid with Live Search Capability"\r
- },\r
- {\r
- "text": "Grouping with Remote Summary",\r
- "url": "classic/grid/remote-group-summary-grid.html",\r
- "icon": "grid-group-summaries",\r
- "desc": "Grouping grid with cell editing and remotely loaded dynamic summary calculations"\r
- },\r
- {\r
- "text": "Grid Row Editing",\r
- "url": "classic/grid/row-editing.html",\r
- "icon": "grid-row-editor",\r
- "desc": "An editable grid which allows the user to make modifications to an entire record at onc"\r
- },\r
- {\r
- "text": "RESTful Store with GridPanel and RowEditor",\r
- "url": "classic/restful/restful.html",\r
- "icon": "grid-row-editor-rest",\r
- "desc": "A RESTful Store which generates CRUD requests to the server in JSON format"\r
- },\r
- {\r
- "text": "Editable Grid with Writable Store",\r
- "url": "classic/writer/writer.html",\r
- "icon": "writer-thumb",\r
- "desc": "A Grid that generate CRUD requests to the server using Ajax"\r
- },\r
- {\r
- "text": "Editable Grid with JSONP Writable Store",\r
- "url": "classic/writer/writer-jsonp.html",\r
- "icon": "writer-thumb-json",\r
- "desc": "A Grid that generate CRUD requests to the server using JsonP"\r
- },\r
- {\r
- "text": "Buffered Scrolling",\r
- "url": "classic/grid/buffer-grid.html",\r
- "icon": "buffer-grid",\r
- "desc": "A grid that uses a virtualized scrolling system to handle very large data sets."\r
- },\r
- {\r
- "text": "Grid From Markup",\r
- "url": "classic/grid/transform-dom.html",\r
- "icon": "grid-transform",\r
- "desc": "Create a grid with from an existing, unformatted HTML table."\r
- },\r
- {\r
- "text": "Locking Grouping Summary Grid",\r
- "url": "classic/grid/locking-group-summary-grid.html",\r
- "icon": "grid-summary",\r
- "desc": "Grouping grid with cell editing, column locking, and dynamic summary calculations."\r
- },\r
- {\r
- "text": "Grid with Filtered and Buffered Store",\r
- "url": "classic/grid/filtered-buffered-store.html",\r
- "icon": "grid-infinite-scroll",\r
- "desc": "A grid that shows how to apply filters to a buffered store."\r
- },\r
- {\r
- "text": "Locking Grouped Header Summary Grid",\r
- "url": "classic/grid/locking-grp-summary-grp-hdrs-grid.html",\r
- "icon": "grid-summary-head",\r
- "desc": "Grouped grid with locked columns and grouped column headers"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Modern Toolkit",\r
- "items": [\r
- {\r
- "text": "US Energy",\r
- "url": "modern/energy/index.html",\r
- "icon": "us-energy",\r
- "desc": "A demo of energy consumption/production of The United States."\r
- },\r
- {\r
- "text": "Stock Chart",\r
- "url": "modern/stockapp/index.html",\r
- "icon": "stock-chart",\r
- "desc": "A demo of a stock market chart application."\r
- },\r
- {\r
- "text": "2010 Census",\r
- "url": "modern/states/index.html",\r
- "icon": "census",\r
- "desc": "A demo to visualize 2010 Census."\r
- },\r
- {\r
- "text": "GeoCongress",\r
- "url": "modern/geocongress/index.html",\r
- "icon": "geo-congress",\r
- "desc": "Find information on your local Legislators"\r
- },\r
- {\r
- "text": "O'Reilly",\r
- "url": "modern/oreilly/index.html",\r
- "icon": "oreilly",\r
- "desc": "Sample conference application with a connection to remote backend data."\r
- },\r
- /*{\r
- "text": "Touch Tomatoes",\r
- "url": "modern/touchtomatoes/index.html",\r
- "icon": "",\r
- "desc": "Rotten Tomatoes application featuring Intro Overlay, JSONP and AJAX Search."\r
- },\r
- {\r
- "text": "TouchStyle",\r
- "url": "modern/touchstyle/index.html",\r
- "icon": "",\r
- "desc": "Example of dynamic carousel and device profiles"\r
- },*/\r
- {\r
- "text": "Address Book",\r
- "url": "modern/addressbook/index.html",\r
- "icon": "address-book",\r
- "desc": "A sample application using navigationview"\r
- },\r
- {\r
- "text": "Blackberry",\r
- "url": "modern/blackberry/index.html",\r
- "icon": "data-view",\r
- "desc": "A demo of blackberry components and theme."\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Windows",\r
- "items": [\r
- {\r
- "text": "Window Variations",\r
- "url": "classic/window/window.html",\r
- "icon": "window",\r
- "desc": "A collection of Windows in different configurations"\r
- },\r
- {\r
- "text": "Layout Window",\r
- "url": "classic/window/layout.html",\r
- "icon": "window-layout",\r
- "desc": "A window containing a basic BorderLayout with nested TabPanel"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Trees",\r
- "items": [\r
- {\r
- "text": "Locking TreeGrid",\r
- "url": "classic/tree/locking-treegrid.html",\r
- "icon": "tree-columns",\r
- "desc": "TreeGrid with lockable columns"\r
- },\r
- {\r
- "text": "Custom Drop Logic",\r
- "url": "classic/tree/custom-drop-logic.html",\r
- "icon": "tree-custom-node-logic",\r
- "desc": "A tree with custom drag/drop handling to determine where nodes can be moved"\r
- },\r
- {\r
- "text": "Buffer Rendered Tree",\r
- "url": "classic/tree/buffer-rendered-treegrid.html",\r
- "icon": "tree-columns-buff",\r
- "desc": "Rendering very large trees efficiently"\r
- },\r
- {\r
- "text": "Locking Buffer Rendered Tree",\r
- "url": "classic/tree/locking-buffer-rendered-treegrid.html",\r
- "icon": "tree-columns-lock",\r
- "desc": "Rendering very large trees efficiently. With locked columns"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Drag and Drop",\r
- "items": [\r
- {\r
- "text": "Grid Cell to Cell DnD",\r
- "url": "classic/dd/cell-to-cell-dd.html",\r
- "icon": "dd-celltocell",\r
- "desc": "Illustrates how a custom plugin can enable cell drag and drop operations within the same GridView"\r
- },\r
- {\r
- "text": "Custom Drag and Drop",\r
- "url": "classic/dd/dragdropzones.html",\r
- "icon": "dd-zones",\r
- "desc": "A completely custom Drag and Drop example showing DnD between a DataView and a grid"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Toolbars and Menus",\r
- "items": [\r
- {\r
- "text": "Basic Toolbar",\r
- "url": "classic/menu/menus.html",\r
- "icon": "toolbar",\r
- "desc": "Toolbar and menus that contain various components like date pickers, color pickers, sub-menus and more"\r
- },\r
- {\r
- "text": "Toolbar Button Groups",\r
- "url": "classic/toolbar/toolbars.html",\r
- "icon": "toolbar-button-groups",\r
- "desc": "Group buttons together in the toolbar"\r
- },\r
- {\r
- "text": "Vertical Toolbars",\r
- "url": "classic/toolbar/vertical-toolbars.html",\r
- "icon": "toolbar-vertical",\r
- "desc": "Vertical Toolbars on the left and right. Combined vertical and horizontal toolbars"\r
- },\r
- {\r
- "text": "Ext Grid Actions",\r
- "url": "classic/menu/action-grid.html",\r
- "icon": "actions-grid",\r
- "desc": "Bind the same behavior to multiple buttons, toolbar and menu items using the Ext.Action class"\r
- },\r
- {\r
- "text": "Reorderable Toolbar",\r
- "url": "classic/toolbar/reorderable.html",\r
- "icon": "toolbar-reorderable",\r
- "desc": "Items within a toolbar can be reordered using this plugin"\r
- },\r
- {\r
- "text": "Overflow Toolbar",\r
- "url": "classic/toolbar/overflow.html",\r
- "icon": "toolbar-overflow",\r
- "desc": "Items within a toolbar will be placed into an overflow menu if the toolbar is too narrow"\r
- },\r
- {\r
- "text": "Status Bar",\r
- "url": "classic/statusbar/statusbar-demo.html",\r
- "icon": "statusbar-demo",\r
- "desc": "A simple StatusBar that can be dropped into the bottom of any panel to display status text and icon"\r
- },\r
- {\r
- "text": "Status Bar (Advanced)",\r
- "url": "classic/statusbar/statusbar-advanced.html",\r
- "icon": "statusbar-adv",\r
- "desc": "Customizing the StatusBar via a plugin to provide automatic form validation monitoring and error linking"\r
- },\r
- {\r
- "text": "Ext Toolbar Actions",\r
- "url": "classic/menu/actions.html",\r
- "icon": "actions",\r
- "desc": "Bind the same behavior to multiple buttons, toolbar and menu items using the Ext.Action class"\r
- }\r
-\r
- ]\r
- },\r
- {\r
- "title": "DataView",\r
- "items": [\r
- {\r
- "text": "DataView",\r
- "url": "classic/view/data-view.html",\r
- "icon": "data-view",\r
- "desc": "This example shows how to use an Ext.view.View"\r
- },\r
- {\r
- "text": "Animated DataView",\r
- "url": "classic/view/animated-dataview.html",\r
- "icon": "animated-dataview",\r
- "desc": "Transition animation plugin applied to a standard DataView"\r
- },\r
- {\r
- "text": "Advanced DataView",\r
- "url": "classic/view/chooser/chooser.html",\r
- "icon": "advanced-dataview",\r
- "desc": "DataView which allows you to filter and sort images"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "MVC",\r
- "items": [\r
- {\r
- "text": "Feed Viewer",\r
- "url": "classic/app/feed-viewer/feed-viewer.html",\r
- "icon": "feeds",\r
- "desc": "An MVC application version of the Feed Viewer example. This shows best practice for a small app"\r
- },\r
- {\r
- "text": "Nested Loading",\r
- "url": "classic/app/nested-loading/nested-loading.html",\r
- "icon": "nested-loading",\r
- "desc": "An MVC example that shows simple navigation and nested loading with the data package"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Accessibility",\r
- "items": [\r
- {\r
- "text": "ARIA demo",\r
- "url": "classic/aria/",\r
- "icon": "keyboard",\r
- "desc": "Shows Ext JS's comprehensive keyboard support for users who have difficulty using a pointing device"\r
- }\r
- ]\r
- },\r
- {\r
- "title": "Miscellaneous",\r
- "items": [\r
- {\r
- "text": "History",\r
- "url": "classic/history/history.html",\r
- "icon": "history",\r
- "desc": "A History manager that allows the user to navigate an Ext UI via browser back/forward"\r
- },\r
- {\r
- "text": "History - Router",\r
- "url": "classic/history/history-router.html",\r
- "icon": "history-router",\r
- "desc": "Utilizing routes within a MVC controller to navigate an Ext UI via browser back/forward buttons",\r
- "status": "new"\r
- },\r
- {\r
- "text": "Google Maps",\r
- "url": "classic/window/gmap.html",\r
- "icon": "gmap-panel",\r
- "desc": "A Google Maps wrapper class that enables easy display of dynamic maps in Ext panels and windows"\r
- },\r
- {\r
- "text": "Editor",\r
- "url": "classic/simple-widgets/editor.html",\r
- "icon": "editor",\r
- "desc": "An example demonstrating the ease of use of the Ext.editor class to modify DOM elements"\r
- },\r
- {\r
- "text": "Slider",\r
- "url": "classic/slider/slider.html",\r
- "icon": "slider",\r
- "desc": "A slider component that supports vertical mode, snapping, tooltips, customized styles and multiple thumbs"\r
- },\r
- {\r
- "text": "QuickTips",\r
- "url": "classic/qtips/qtips.html",\r
- "icon": "qtips",\r
- "desc": "Various tooltip and quick tip configuration options including Ajax loading and mouse tracking"\r
- },\r
- {\r
- "text": "Progress Bar",\r
- "url": "classic/simple-widgets/progress-bar.html",\r
- "icon": "progress",\r
- "desc": "A basic progress bar component shown in various configurations and with custom styles"\r
- },\r
- {\r
- "text": "Panels",\r
- "url": "classic/panel/panel.html",\r
- "icon": "panel",\r
- "desc": "A basic collapsible panel example."\r
- },\r
- {\r
- "text": "Resizable",\r
- "url": "classic/resizer/basic.html",\r
- "icon": "resizable",\r
- "desc": "Examples of making any element resizable with various configuration options"\r
- },\r
- {\r
- "text": "Spotlight",\r
- "url": "classic/core/spotlight.html",\r
- "icon": "spotlight",\r
- "desc": "A utility for masking everything except a single element on the page to visually highlight it"\r
- },\r
- {\r
- "text": "Keyboard Navigation",\r
- "url": "classic/keynav/keynav.html",\r
- "icon": "keyboard",\r
- "desc": "Shows a custom keyboard navigation using the KeyNav class"\r
- },\r
- {\r
- "text": "Localization (static)",\r
- "url": "classic/locale/dutch-form.html",\r
- "icon": "locale-dutch",\r
- "desc": "Demonstrates fully localizing a form by including a custom locale script"\r
- },\r
- {\r
- "text": "Localization (dynamic)",\r
- "url": "classic/locale/multi-lang.html",\r
- "icon": "locale-switch",\r
- "desc": "Dynamically render various Ext components in different locales by selecting from a locale list"\r
- },\r
- {\r
- "text": "Browser State Management",\r
- "url": "classic/state/state.html",\r
- "icon": "state-saving",\r
- "desc": "An example of storing your application's state"\r
- },\r
- {\r
- "text": "Basic Templating",\r
- "url": "classic/platform/templates.html",\r
- "icon": "templates",\r
- "desc": "A basic templating example"\r
- },\r
- {\r
- "text": "MultiSelect and ItemSelector",\r
- "url": "classic/multiselect/multiselect-demo.html",\r
- "icon": "form-multiselect",\r
- "desc": "Example controls for selecting a list of items in forms"\r
- }\r
- /* Disabled until this is updated to work with the new theming system\r
- NOTE: when uncommenting this, also add it back in to examples.json\r
- {\r
- "text": "Bubble Panel",\r
- "url": "classic/panel/bubble-panel/bubble-panel.html",\r
- "icon": "panel-bubble.gif",\r
- "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
- }\r
- */\r
- ]\r
- }\r
- ]\r
-};\r
+// eslint-disable-next-line no-global-assign
+Ext = window.Ext || {};
+Ext.samples = {
+ samplesCatalog: [
+ {
+ "title": "Sample Applications",
+ "items": [
+ {
+ "text": "Admin Dashboard",
+ "url": "admin-dashboard/",
+ "icon": "responsive-design",
+ "desc": "Complete, feature-rich administrative application template"
+ },
+ {
+ "text": "Executive Dashboard",
+ "url": "classic/executive-dashboard/index.html",
+ "icon": "exec-dashboard",
+ "desc": "A tablet-friendly, responsive application template"
+ }
+ ]
+ },
+ {
+ "title": "Combination Examples",
+ "items": [
+ {
+ "text": "Kitchen Sink (Classic)",
+ "url": "kitchensink/?classic",
+ "icon": "kitchensink",
+ "desc": "Showcase of Ext JS components and features in the Classic Toolkit"
+ },
+ {
+ "text": "Kitchen Sink (Modern)",
+ "url": "kitchensink/?modern",
+ "icon": "kitchensink",
+ "desc": "Showcase of Ext JS components and features in the Modern Toolkit"
+ },
+ {
+ "text": "Ext JS Calendar",
+ "url": "calendar/",
+ "icon": "calendar",
+ "desc": "Example Calendar application using Google's Calendar API"
+ },
+ {
+ "text": "Ticket App",
+ "url": "classic/ticket-app/index.html",
+ "icon": "ticket",
+ "desc": "Simple ticket application that demonstrates MVC concepts and data binding"
+ },
+ {
+ "text": "Portal Demo",
+ "url": "classic/portal/index.html",
+ "icon": "portal",
+ "desc": "A page layout using several custom extensions to provide a web portal interface."
+ },
+ {
+ "text": "Simple Tasks",
+ "url": "classic/simple-tasks/index.html",
+ "icon": "tasks",
+ "desc": "Complete personal task management application example"
+ },
+ {
+ "text": "Responsive Design Demo",
+ "url": "classic/responsive-app/index.html",
+ "icon": "responsive-design",
+ "desc": "A simple application that shows how to implement a responsive UI.",
+ "status": "new"
+ },
+ {
+ "text": "Image Viewer",
+ "url": "classic/organizer/organizer.html",
+ "icon": "imageviewer",
+ "desc": "An image viewer with drag/drop functionality"
+ },
+ {
+ "text": "Theme Viewer",
+ "url": "classic/themes/index.html",
+ "icon": "theme",
+ "desc": "View and test every Ext component against bundled Ext themes."
+ },
+ {
+ "text": "Right-to-Left (RTL)",
+ "url": "classic/rtl/rtl.html",
+ "icon": "rtl",
+ "desc": "Demonstrates Ext JS support for right-to-left languages"
+ },
+ {
+ "text": "Web Desktop",
+ "url": "classic/desktop/index.html",
+ "icon": "webdesktop",
+ "desc": "Demonstrates how one could build a desktop in the browser using Ext JS"
+ },
+ {
+ "text": "Accessibility Demo",
+ "url": "classic/aria/",
+ "icon": "keyboard",
+ "desc": "Shows Ext JS's extensive keyboard and ARIA support"
+ }
+ ]
+ },
+ {
+ "title": "Grids",
+ "items": [
+ {
+ "text": "Grid Data Binding",
+ "url": "classic/grid/binding.html",
+ "icon": "grid-data-binding",
+ "desc": "Data binding a grid to a detail preview panel via the grid\"s RowSelectionModel"
+ },
+ {
+ "text": "Grid Grouping with Summary",
+ "url": "classic/grid/group-summary-grid.html",
+ "icon": "grid-summary",
+ "desc": "Grouping grid with cell editing and custom dynamic summary calculations"
+ },
+ {
+ "text": "Grid with Buffered Store",
+ "url": "classic/grid/buffered-store.html",
+ "icon": "grid-infinite-scroll",
+ "desc": "Sample grid which scrolls through thousands of rows dynamically loaded from a server"
+ },
+ {
+ "text": "Grid with Live Search Capability",
+ "url": "classic/grid/live-search-grid.html",
+ "icon": "grid-live-search",
+ "desc": "Grid with Live Search Capability"
+ },
+ {
+ "text": "Grouping with Remote Summary",
+ "url": "classic/grid/remote-group-summary-grid.html",
+ "icon": "grid-group-summaries",
+ "desc": "Grouping grid with cell editing and remotely loaded dynamic summary calculations"
+ },
+ {
+ "text": "RESTful Store with GridPanel and RowEditor",
+ "url": "classic/restful/restful.html",
+ "icon": "grid-row-editor-rest",
+ "desc": "A RESTful Store which generates CRUD requests to the server in JSON format"
+ },
+ {
+ "text": "Editable Grid with Writable Store",
+ "url": "classic/writer/writer.html",
+ "icon": "writer-thumb",
+ "desc": "A Grid that generate CRUD requests to the server using Ajax"
+ },
+ {
+ "text": "Editable Grid with JSONP Writable Store",
+ "url": "classic/writer/writer-jsonp.html",
+ "icon": "writer-thumb-json",
+ "desc": "A Grid that generate CRUD requests to the server using JsonP"
+ },
+ {
+ "text": "Buffered Scrolling",
+ "url": "classic/grid/buffer-grid.html",
+ "icon": "buffer-grid",
+ "desc": "A grid that uses a virtualized scrolling system to handle very large data sets."
+ },
+ {
+ "text": "Grid From Markup",
+ "url": "classic/grid/transform-dom.html",
+ "icon": "grid-transform",
+ "desc": "Create a grid with from an existing, unformatted HTML table."
+ },
+ {
+ "text": "Locking Grouping Summary Grid",
+ "url": "classic/grid/locking-group-summary-grid.html",
+ "icon": "grid-summary",
+ "desc": "Grouping grid with cell editing, column locking, and dynamic summary calculations."
+ },
+ {
+ "text": "Grid with Filtered and Buffered Store",
+ "url": "classic/grid/filtered-buffered-store.html",
+ "icon": "grid-infinite-scroll",
+ "desc": "A grid that shows how to apply filters to a buffered store."
+ },
+ {
+ "text": "Locking Grouped Header Summary Grid",
+ "url": "classic/grid/locking-grp-summary-grp-hdrs-grid.html",
+ "icon": "grid-summary-head",
+ "desc": "Grouped grid with locked columns and grouped column headers"
+ }
+ ]
+ },
+ {
+ "title": "Trees",
+ "items": [
+ {
+ "text": "Locking TreeGrid",
+ "url": "classic/tree/locking-treegrid.html",
+ "icon": "tree-columns",
+ "desc": "TreeGrid with lockable columns"
+ },
+ {
+ "text": "Custom Drop Logic",
+ "url": "classic/tree/custom-drop-logic.html",
+ "icon": "tree-custom-node-logic",
+ "desc": "A tree with custom drag/drop handling to determine where nodes can be moved"
+ },
+ {
+ "text": "Buffer Rendered Tree",
+ "url": "classic/tree/buffer-rendered-treegrid.html",
+ "icon": "tree-columns-buff",
+ "desc": "Rendering very large trees efficiently"
+ },
+ {
+ "text": "Locking Buffer Rendered Tree",
+ "url": "classic/tree/locking-buffer-rendered-treegrid.html",
+ "icon": "tree-columns-lock",
+ "desc": "Rendering very large trees efficiently. With locked columns"
+ }
+ ]
+ },
+ {
+ "title": "Drag and Drop",
+ "items": [
+ {
+ "text": "Grid Cell to Cell DnD",
+ "url": "classic/dd/cell-to-cell-dd.html",
+ "icon": "dd-celltocell",
+ "desc": "Illustrates how a custom plugin can enable cell drag and drop operations within the same GridView"
+ },
+ {
+ "text": "Custom Drag and Drop",
+ "url": "classic/dd/dragdropzones.html",
+ "icon": "dd-zones",
+ "desc": "A completely custom Drag and Drop example showing DnD between a DataView and a grid"
+ }
+ ]
+ },
+ {
+ "title": "DataView",
+ "items": [
+ {
+ "text": "DataView",
+ "url": "classic/view/data-view.html",
+ "icon": "data-view",
+ "desc": "This example shows how to use an Ext.view.View"
+ },
+ {
+ "text": "Animated DataView",
+ "url": "classic/view/animated-dataview.html",
+ "icon": "animated-dataview",
+ "desc": "Transition animation plugin applied to a standard DataView"
+ },
+ {
+ "text": "Advanced DataView",
+ "url": "classic/view/chooser/chooser.html",
+ "icon": "advanced-dataview",
+ "desc": "DataView which allows you to filter and sort images"
+ }
+ ]
+ },
+ {
+ "title": "Miscellaneous",
+ "items": [
+ {
+ "text": "History",
+ "url": "classic/history/history.html",
+ "icon": "history",
+ "desc": "A History manager that allows the user to navigate an Ext UI via browser back/forward"
+ },
+ {
+ "text": "History - Router",
+ "url": "classic/history/history-router.html",
+ "icon": "history-router",
+ "desc": "Utilizing routes within a MVC controller to navigate an Ext UI via browser back/forward buttons",
+ "status": "new"
+ },
+ {
+ "text": "Google Maps",
+ "url": "classic/window/gmap.html",
+ "icon": "gmap-panel",
+ "desc": "A Google Maps wrapper class that enables easy display of dynamic maps in Ext panels and windows"
+ },
+ {
+ "text": "Editor",
+ "url": "classic/simple-widgets/editor.html",
+ "icon": "editor",
+ "desc": "An example demonstrating the ease of use of the Ext.editor class to modify DOM elements"
+ },
+ {
+ "text": "Slider",
+ "url": "classic/slider/slider.html",
+ "icon": "slider",
+ "desc": "A slider component that supports vertical mode, snapping, tooltips, customized styles and multiple thumbs"
+ },
+ {
+ "text": "Progress Bar",
+ "url": "classic/simple-widgets/progress-bar.html",
+ "icon": "progress",
+ "desc": "A basic progress bar component shown in various configurations and with custom styles"
+ },
+ {
+ "text": "Panels",
+ "url": "classic/panel/panel.html",
+ "icon": "panel",
+ "desc": "A basic collapsible panel example."
+ },
+ {
+ "text": "Resizable",
+ "url": "classic/resizer/basic.html",
+ "icon": "resizable",
+ "desc": "Examples of making any element resizable with various configuration options"
+ },
+ {
+ "text": "Spotlight",
+ "url": "classic/core/spotlight.html",
+ "icon": "spotlight",
+ "desc": "A utility for masking everything except a single element on the page to visually highlight it"
+ },
+ {
+ "text": "Keyboard Navigation",
+ "url": "classic/keynav/keynav.html",
+ "icon": "keyboard",
+ "desc": "Shows a custom keyboard navigation using the KeyNav class"
+ },
+ {
+ "text": "Nested Loading",
+ "url": "classic/app/nested-loading/nested-loading.html",
+ "icon": "nested-loading",
+ "desc": "An MVC example that shows simple navigation and nested loading with the data package"
+ },
+ {
+ "text": "Localization (static)",
+ "url": "classic/locale/dutch-form.html",
+ "icon": "locale-dutch",
+ "desc": "Demonstrates fully localizing a form by including a custom locale script"
+ },
+ {
+ "text": "Localization (dynamic)",
+ "url": "classic/locale/multi-lang.html",
+ "icon": "locale-switch",
+ "desc": "Dynamically render various Ext components in different locales by selecting from a locale list"
+ },
+ {
+ "text": "Browser State Management",
+ "url": "classic/state/state.html",
+ "icon": "state-saving",
+ "desc": "An example of storing your application's state"
+ },
+ {
+ "text": "Basic Templating",
+ "url": "classic/platform/templates.html",
+ "icon": "templates",
+ "desc": "A basic templating example"
+ },
+ {
+ "text": "MultiSelect and ItemSelector",
+ "url": "classic/multiselect/multiselect-demo.html",
+ "icon": "form-multiselect",
+ "desc": "Example controls for selecting a list of items in forms"
+ }
+ ]
+ }
+ ]
+};