Ext使用：GridPanel之工具栏

grid = new Ext.grid.GridPanel({

           ...

           tbar: contrltar,

           ...

     });

var contrltar = new Ext.Toolbar();

contrltar.add({

                         text: '新 增',

                         xtype: 'button',

                         handler: function() {   }

                   });      //按钮

contrltar.add(new Ext.Toolbar.Separator()); //分割线

contrltar.add(new Ext.Toolbar.Spacer()); //空格

contrltar.add('->'); //右对齐

contrltar.add(new Ext.form.TextField({ name: 'key', id: 'KEY' })); //文本框

contrltar.add('类型：'); //文本

contrltar.add(comboItemType); //下拉框

contrltar.add(new Ext.Toolbar.Button({

                         text: '搜 索',

                         xtype: 'tbbutton',

                         handler: function(){}

                    });

//定义下拉框

var  comboItemType  = new Ext.form.ComboBox({

       typeAhead: true,

       triggerAction: 'all',

       lazyRender:true,

       mode: 'local',

       store: new Ext.data.ArrayStore({

             id: 0,

             fields: [

                   'myId',

                   'displayText'

             ],

             data: [[1, '常规'], [2, '特制']]

       }),

       hiddenName: 'typeid', //取值时用到

       valueField: 'myId',

       displayField: 'displayText'

});