extjs/examples/examples.js

   1 // eslint-disable-next-line no-global-assign
   2 Ext = window.Ext || {};
   3 Ext.samples = {
   4     samplesCatalog: [
   5         {
   6             "title": "Sample Applications",
   7             "items": [
   8                 {
   9                     "text": "Admin Dashboard",
  10                     "url": "admin-dashboard/",
  11                     "icon": "responsive-design",
  12                     "desc": "Complete, feature-rich administrative application template"
  13                 },
  14                 {
  15                     "text": "Executive Dashboard",
  16                     "url": "classic/executive-dashboard/index.html",
  17                     "icon": "exec-dashboard",
  18                     "desc": "A tablet-friendly, responsive application template"
  19                 }
  20             ]
  21         },
  22         {
  23             "title": "Combination Examples",
  24             "items": [
  25                 {
  26                     "text": "Kitchen Sink (Classic)",
  27                     "url": "kitchensink/?classic",
  28                     "icon": "kitchensink",
  29                     "desc": "Showcase of Ext JS components and features in the Classic Toolkit"
  30                 },
  31                 {
  32                     "text": "Kitchen Sink (Modern)",
  33                     "url": "kitchensink/?modern",
  34                     "icon": "kitchensink",
  35                     "desc": "Showcase of Ext JS components and features in the Modern Toolkit"
  36                 },
  37                 {
  38                     "text": "Ext JS Calendar",
  39                     "url": "calendar/",
  40                     "icon": "calendar",
  41                     "desc": "Example Calendar application using Google's Calendar API"
  42                 },
  43                 {
  44                     "text": "Ticket App",
  45                     "url": "classic/ticket-app/index.html",
  46                     "icon": "ticket",
  47                     "desc": "Simple ticket application that demonstrates MVC concepts and data binding"
  48                 },
  49                 {
  50                     "text": "Portal Demo",
  51                     "url": "classic/portal/index.html",
  52                     "icon": "portal",
  53                     "desc": "A page layout using several custom extensions to provide a web portal interface."
  54                 },
  55                 {
  56                     "text": "Simple Tasks",
  57                     "url": "classic/simple-tasks/index.html",
  58                     "icon": "tasks",
  59                     "desc": "Complete personal task management application example"
  60                 },
  61                 {
  62                     "text": "Responsive Design Demo",
  63                     "url": "classic/responsive-app/index.html",
  64                     "icon": "responsive-design",
  65                     "desc": "A simple application that shows how to implement a responsive UI.",
  66                     "status": "new"
  67                 },
  68                 {
  69                     "text": "Image Viewer",
  70                     "url": "classic/organizer/organizer.html",
  71                     "icon": "imageviewer",
  72                     "desc": "An image viewer with drag/drop functionality"
  73                 },
  74                 {
  75                     "text": "Theme Viewer",
  76                     "url": "classic/themes/index.html",
  77                     "icon": "theme",
  78                     "desc": "View and test every Ext component against bundled Ext themes."
  79                 },
  80                 {
  81                     "text": "Right-to-Left (RTL)",
  82                     "url": "classic/rtl/rtl.html",
  83                     "icon": "rtl",
  84                     "desc": "Demonstrates Ext JS support for right-to-left languages"
  85                 },
  86                 {
  87                     "text": "Web Desktop",
  88                     "url": "classic/desktop/index.html",
  89                     "icon": "webdesktop",
  90                     "desc": "Demonstrates how one could build a desktop in the browser using Ext JS"
  91                 },
  92                 {
  93                     "text": "Accessibility Demo",
  94                     "url": "classic/aria/",
  95                     "icon": "keyboard",
  96                     "desc": "Shows Ext JS's extensive keyboard and ARIA support"
  97                 }
  98             ]
  99         },
 100         {
 101             "title": "Grids",
 102             "items": [
 103                 {
 104                     "text": "Grid Data Binding",
 105                     "url": "classic/grid/binding.html",
 106                     "icon": "grid-data-binding",
 107                     "desc": "Data binding a grid to a detail preview panel via the grid\"s RowSelectionModel"
 108                 },
 109                 {
 110                     "text": "Grid Grouping with Summary",
 111                     "url": "classic/grid/group-summary-grid.html",
 112                     "icon": "grid-summary",
 113                     "desc": "Grouping grid with cell editing and custom dynamic summary calculations"
 114                 },
 115                 {
 116                     "text": "Grid with Buffered Store",
 117                     "url": "classic/grid/buffered-store.html",
 118                     "icon": "grid-infinite-scroll",
 119                     "desc": "Sample grid which scrolls through thousands of rows dynamically loaded from a server"
 120                 },
 121                 {
 122                     "text": "Grid with Live Search Capability",
 123                     "url": "classic/grid/live-search-grid.html",
 124                     "icon": "grid-live-search",
 125                     "desc": "Grid with Live Search Capability"
 126                 },
 127                 {
 128                     "text": "Grouping with Remote Summary",
 129                     "url": "classic/grid/remote-group-summary-grid.html",
 130                     "icon": "grid-group-summaries",
 131                     "desc": "Grouping grid with cell editing and remotely loaded dynamic summary calculations"
 132                 },
 133                 {
 134                     "text": "RESTful Store with GridPanel and RowEditor",
 135                     "url": "classic/restful/restful.html",
 136                     "icon": "grid-row-editor-rest",
 137                     "desc": "A RESTful Store which generates CRUD requests to the server in JSON format"
 138                 },
 139                 {
 140                     "text": "Editable Grid with Writable Store",
 141                     "url": "classic/writer/writer.html",
 142                     "icon": "writer-thumb",
 143                     "desc": "A Grid that generate CRUD requests to the server using Ajax"
 144                 },
 145                 {
 146                     "text": "Editable Grid with JSONP Writable Store",
 147                     "url": "classic/writer/writer-jsonp.html",
 148                     "icon": "writer-thumb-json",
 149                     "desc": "A Grid that generate CRUD requests to the server using JsonP"
 150                 },
 151                 {
 152                     "text": "Buffered Scrolling",
 153                     "url": "classic/grid/buffer-grid.html",
 154                     "icon": "buffer-grid",
 155                     "desc": "A grid that uses a virtualized scrolling system to handle very large data sets."
 156                 },
 157                 {
 158                     "text": "Grid From Markup",
 159                     "url": "classic/grid/transform-dom.html",
 160                     "icon": "grid-transform",
 161                     "desc": "Create a grid with from an existing, unformatted HTML table."
 162                 },
 163                 {
 164                     "text": "Locking Grouping Summary Grid",
 165                     "url": "classic/grid/locking-group-summary-grid.html",
 166                     "icon": "grid-summary",
 167                     "desc": "Grouping grid with cell editing, column locking, and dynamic summary calculations."
 168                 },
 169                 {
 170                     "text": "Grid with Filtered and Buffered Store",
 171                     "url": "classic/grid/filtered-buffered-store.html",
 172                     "icon": "grid-infinite-scroll",
 173                     "desc": "A grid that shows how to apply filters to a buffered store."
 174                 },
 175                 {
 176                     "text": "Locking Grouped Header Summary Grid",
 177                     "url": "classic/grid/locking-grp-summary-grp-hdrs-grid.html",
 178                     "icon": "grid-summary-head",
 179                     "desc": "Grouped grid with locked columns and grouped column headers"
 180                 }
 181             ]
 182         },
 183         {
 184             "title": "Trees",
 185             "items": [
 186                 {
 187                     "text": "Locking TreeGrid",
 188                     "url": "classic/tree/locking-treegrid.html",
 189                     "icon": "tree-columns",
 190                     "desc": "TreeGrid with lockable columns"
 191                 },
 192                 {
 193                     "text": "Custom Drop Logic",
 194                     "url": "classic/tree/custom-drop-logic.html",
 195                     "icon": "tree-custom-node-logic",
 196                     "desc": "A tree with custom drag/drop handling to determine where nodes can be moved"
 197                 },
 198                 {
 199                     "text": "Buffer Rendered Tree",
 200                     "url": "classic/tree/buffer-rendered-treegrid.html",
 201                     "icon": "tree-columns-buff",
 202                     "desc": "Rendering very large trees efficiently"
 203                 },
 204                 {
 205                     "text": "Locking Buffer Rendered Tree",
 206                     "url": "classic/tree/locking-buffer-rendered-treegrid.html",
 207                     "icon": "tree-columns-lock",
 208                     "desc": "Rendering very large trees efficiently. With locked columns"
 209                 }
 210             ]
 211         },
 212         {
 213             "title": "Drag and Drop",
 214             "items": [
 215                 {
 216                     "text": "Grid Cell to Cell DnD",
 217                     "url": "classic/dd/cell-to-cell-dd.html",
 218                     "icon": "dd-celltocell",
 219                     "desc": "Illustrates how a custom plugin can enable cell drag and drop operations within the same GridView"
 220                 },
 221                 {
 222                     "text": "Custom Drag and Drop",
 223                     "url": "classic/dd/dragdropzones.html",
 224                     "icon": "dd-zones",
 225                     "desc": "A completely custom Drag and Drop example showing DnD between a DataView and a grid"
 226                 }
 227             ]
 228         },
 229         {
 230             "title": "DataView",
 231             "items": [
 232                 {
 233                     "text": "DataView",
 234                     "url": "classic/view/data-view.html",
 235                     "icon": "data-view",
 236                     "desc": "This example shows how to use an Ext.view.View"
 237                 },
 238                 {
 239                     "text": "Animated DataView",
 240                     "url": "classic/view/animated-dataview.html",
 241                     "icon": "animated-dataview",
 242                     "desc": "Transition animation plugin applied to a standard DataView"
 243                 },
 244                 {
 245                     "text": "Advanced DataView",
 246                     "url": "classic/view/chooser/chooser.html",
 247                     "icon": "advanced-dataview",
 248                     "desc": "DataView which allows you to filter and sort images"
 249                 }
 250             ]
 251         },
 252         {
 253             "title": "Miscellaneous",
 254             "items": [
 255                 {
 256                     "text": "History",
 257                     "url": "classic/history/history.html",
 258                     "icon": "history",
 259                     "desc": "A History manager that allows the user to navigate an Ext UI via browser back/forward"
 260                 },
 261                 {
 262                     "text": "History - Router",
 263                     "url": "classic/history/history-router.html",
 264                     "icon": "history-router",
 265                     "desc": "Utilizing routes within a MVC controller to navigate an Ext UI via browser back/forward buttons",
 266                     "status": "new"
 267                 },
 268                 {
 269                     "text": "Google Maps",
 270                     "url": "classic/window/gmap.html",
 271                     "icon": "gmap-panel",
 272                     "desc": "A Google Maps wrapper class that enables easy display of dynamic maps in Ext panels and windows"
 273                 },
 274                 {
 275                     "text": "Editor",
 276                     "url": "classic/simple-widgets/editor.html",
 277                     "icon": "editor",
 278                     "desc": "An example demonstrating the ease of use of the Ext.editor class to modify DOM elements"
 279                 },
 280                 {
 281                     "text": "Slider",
 282                     "url": "classic/slider/slider.html",
 283                     "icon": "slider",
 284                     "desc": "A slider component that supports vertical mode, snapping, tooltips, customized styles and multiple thumbs"
 285                 },
 286                 {
 287                     "text": "Progress Bar",
 288                     "url": "classic/simple-widgets/progress-bar.html",
 289                     "icon": "progress",
 290                     "desc": "A basic progress bar component shown in various configurations and with custom styles"
 291                 },
 292                 {
 293                     "text": "Panels",
 294                     "url": "classic/panel/panel.html",
 295                     "icon": "panel",
 296                     "desc": "A basic collapsible panel example."
 297                 },
 298                 {
 299                     "text": "Resizable",
 300                     "url": "classic/resizer/basic.html",
 301                     "icon": "resizable",
 302                     "desc": "Examples of making any element resizable with various configuration options"
 303                 },
 304                 {
 305                     "text": "Spotlight",
 306                     "url": "classic/core/spotlight.html",
 307                     "icon": "spotlight",
 308                     "desc": "A utility for masking everything except a single element on the page to visually highlight it"
 309                 },
 310                 {
 311                     "text": "Keyboard Navigation",
 312                     "url": "classic/keynav/keynav.html",
 313                     "icon": "keyboard",
 314                     "desc": "Shows a custom keyboard navigation using the KeyNav class"
 315                 },
 316                 {
 317                     "text": "Nested Loading",
 318                     "url": "classic/app/nested-loading/nested-loading.html",
 319                     "icon": "nested-loading",
 320                     "desc": "An MVC example that shows simple navigation and nested loading with the data package"
 321                 },
 322                 {
 323                     "text": "Localization (static)",
 324                     "url": "classic/locale/dutch-form.html",
 325                     "icon": "locale-dutch",
 326                     "desc": "Demonstrates fully localizing a form by including a custom locale script"
 327                 },
 328                 {
 329                     "text": "Localization (dynamic)",
 330                     "url": "classic/locale/multi-lang.html",
 331                     "icon": "locale-switch",
 332                     "desc": "Dynamically render various Ext components in different locales by selecting from a locale list"
 333                 },
 334                 {
 335                     "text": "Browser State Management",
 336                     "url": "classic/state/state.html",
 337                     "icon": "state-saving",
 338                     "desc": "An example of storing your application's state"
 339                 },
 340                 {
 341                     "text": "Basic Templating",
 342                     "url": "classic/platform/templates.html",
 343                     "icon": "templates",
 344                     "desc": "A basic templating example"
 345                 },
 346                 {
 347                     "text": "MultiSelect and ItemSelector",
 348                     "url": "classic/multiselect/multiselect-demo.html",
 349                     "icon": "form-multiselect",
 350                     "desc": "Example controls for selecting a list of items in forms"
 351                 }
 352             ]
 353         }
 354     ]
 355 };