Ext JS JavaScript DHTML



Hello World Window





Ext.onReady(function() {
    var arrayData = [
      ['J', 'MD'],
      ['A', 'VA'],
      ['S', 'DC'],
      ['M', 'DE'],
      ['B', 'NJ'],
      ['N', 'CA']
    ];
    var store = new Ext.data.ArrayStore({
      data   : arrayData,
      fields : ['fullName', 'state']
    });
    var cm = new Ext.grid.ColumnModel([                        
        {
            header    : 'Full Name',
            sortable  : true,
            dataIndex : 'fullName'                             
        },
        {
            header    : 'State',
            dataIndex : 'state'
        }
    ]);
    var gridView = new Ext.grid.GridView();                    
    var selModel = new Ext.grid.RowSelectionModel({            
        singleSelect : true
    })
    var grid = new Ext.grid.GridPanel({                        
        title      : 'Our first grid',
        renderTo   : Ext.getBody(),
        autoHeight : true,
        width      : 250,
        store      : store,                                    
        view       : gridView,                                 
        colModel   : cm,                                       
        selModel   : selModel
    });
});