examples/direct/direct-grid.js

   1 Ext.require([
   2     'Ext.direct.*',
   3     'Ext.data.*',
   4     'Ext.grid.*',
   5     'Ext.util.Format'
   6 ]);
   7
   8 Ext.define('Company', {
   9     extend: 'Ext.data.Model',
  10     fields: ['name', 'turnover']
  11 });
  12
  13 Ext.onReady(function() {
  14     Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);
  15
  16
  17     // create the Tree
  18     Ext.create('Ext.grid.Panel', {
  19         store: {
  20             model: 'Company',
  21             remoteSort: true,
  22             autoLoad: true,
  23             sorters: [{
  24                 property: 'name',
  25                 direction: 'ASC'
  26             }],
  27             proxy: {
  28                 type: 'direct',
  29                 directFn: TestAction.getGrid
  30             }
  31         },
  32         columns: [{
  33             dataIndex: 'name',
  34             flex: 1,
  35             text: 'Name'
  36         }, {
  37             dataIndex: 'turnover',
  38             align: 'right',
  39             width: 120,
  40             text: 'Turnover pa.',
  41             renderer: Ext.util.Format.usMoney
  42         }],
  43         height: 350,
  44         width: 600,
  45         title: 'Company Grid',
  46         renderTo: Ext.getBody()
  47     });
  48 });