extjs/examples/examples.js

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