--- /dev/null
+Ext.require([
+ 'Ext.direct.*',
+ 'Ext.data.*',
+ 'Ext.grid.*',
+ 'Ext.util.Format'
+]);
+
+Ext.define('Company', {
+ extend: 'Ext.data.Model',
+ fields: ['name', 'turnover']
+});
+
+Ext.onReady(function() {
+ Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);
+
+
+ // create the Tree
+ Ext.create('Ext.grid.Panel', {
+ store: {
+ model: 'Company',
+ remoteSort: true,
+ autoLoad: true,
+ sorters: [{
+ property: 'name',
+ direction: 'ASC'
+ }],
+ proxy: {
+ type: 'direct',
+ directFn: TestAction.getGrid
+ }
+ },
+ columns: [{
+ dataIndex: 'name',
+ flex: 1,
+ text: 'Name'
+ }, {
+ dataIndex: 'turnover',
+ align: 'right',
+ width: 120,
+ text: 'Turnover pa.',
+ renderer: Ext.util.Format.usMoney
+ }],
+ height: 350,
+ width: 600,
+ title: 'Company Grid',
+ renderTo: Ext.getBody()
+ });
+});
\ No newline at end of file