- columns: [
- {
- id: 'common',
- header: 'Common Name',
- dataIndex: 'common',
- width: 220,
- // use shorthand alias defined above
- editor: new fm.TextField({
- allowBlank: false
- })
- }, {
- header: 'Light',
- dataIndex: 'light',
- width: 130,
- editor: new fm.ComboBox({
- typeAhead: true,
- triggerAction: 'all',
- // transform the data already specified in html
- transform: 'light',
- lazyRender: true,
- listClass: 'x-combo-list-small'
- })
- }, {
- header: 'Price',
- dataIndex: 'price',
- width: 70,
- align: 'right',
- renderer: 'usMoney',
- editor: new fm.NumberField({
- allowBlank: false,
- allowNegative: false,
- maxValue: 100000
- })
- }, {
- header: 'Available',
- dataIndex: 'availDate',
- width: 95,
- renderer: formatDate,
- editor: new fm.DateField({
- format: 'm/d/y',
- minValue: '01/01/06',
- disabledDays: [0, 6],
- disabledDaysText: 'Plants are not available on the weekends'
- })
- },
- checkColumn // the plugin instance
- ]
+ columns: [{
+ id: 'common',
+ header: 'Common Name',
+ dataIndex: 'common',
+ width: 220,
+ // use shorthand alias defined above
+ editor: new fm.TextField({
+ allowBlank: false
+ })
+ }, {
+ header: 'Light',
+ dataIndex: 'light',
+ width: 130,
+ editor: new fm.ComboBox({
+ typeAhead: true,
+ triggerAction: 'all',
+ // transform the data already specified in html
+ transform: 'light',
+ lazyRender: true,
+ listClass: 'x-combo-list-small'
+ })
+ }, {
+ header: 'Price',
+ dataIndex: 'price',
+ width: 70,
+ align: 'right',
+ renderer: 'usMoney',
+ editor: new fm.NumberField({
+ allowBlank: false,
+ allowNegative: false,
+ maxValue: 100000
+ })
+ }, {
+ header: 'Available',
+ dataIndex: 'availDate',
+ width: 95,
+ renderer: formatDate,
+ editor: new fm.DateField({
+ format: 'm/d/y',
+ minValue: '01/01/06',
+ disabledDays: [0, 6],
+ disabledDaysText: 'Plants are not available on the weekends'
+ })
+ }, {
+ xtype: 'checkcolumn',
+ header: 'Indoor?',
+ dataIndex: 'indoor',
+ width: 55
+ }]