EXTJS 3.0 资料 控件之 Toolbar 两行的用法

 var toolbarCarType = new Ext.Toolbar({
        //width: 500,
        //autoWidth:true,
        pressed: false,
        toggleGroup: ‘butToolbar‘,
        allowDepress: false
    });
    toolbarCarType.add(
        {
            text: ‘汽车商标‘,
            icon: ‘/Image/icon_padlock.png‘,
            id: "btnTrademarkCar",
            handler: function () {
                card.getLayout().setActiveItem(0);
            }
        },
        {
            text: ‘汽车产地或子品牌‘,
            icon: ‘/Image/icon_padlock.png‘,
            id: ‘btnTrademarkCarLocation‘,
            handler: function () {
                card.getLayout().setActiveItem(1);
            }
        },
        {
            text: ‘汽车车系‘,
            icon: ‘/Image/icon_padlock.png‘,
            id: ‘btnSeriesCar‘,
            handler: function () {
                card.getLayout().setActiveItem(2);
            }
        }, {
            text: ‘汽车型号‘,
            icon: ‘/Image/icon_padlock.png‘,
            id: ‘btnModelNumberCar‘,
            handler: function () {
                card.getLayout().setActiveItem(3);
            }
        },  "->", ‘车系:‘, { xtype: "textfield", id: "txtModelNumber", name: "txtModelNumber" } ,     {
            text: ‘汽车产品单元PKU‘,
            icon: ‘/Image/icon_padlock.png‘,
            id: ‘btnPKU‘,
            handler: function () {
                card.getLayout().setActiveItem(4);
            }
        }
    );
    var toolbarWork = new Ext.Toolbar({
        items: [{ text: ‘执行操作:‘, width: 20 },
                {
                    text: ‘宝马‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_TrademarkCar‘, width: 20,
                    handler: function () {
                        card.getLayout().setActiveItem(0);
                    }
                },
                {
                    text: ‘产地‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_TrademarkCarLocation‘, width: 20,
                    handler: function () {
                        card.getLayout().setActiveItem(1);
                    }
                },
                {
                    text: ‘车系‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_SeriesCar‘, width: 20,
                    handler: function () {
                        card.getLayout().setActiveItem(2);
                    }
                },
                {
                    text: ‘型号‘, icon: ‘/Image/icon_padlock.png‘, id: ‘btn_tw_ModelNumberCar‘, width: 20,
                    handler: function () {
                        card.getLayout().setActiveItem(3);
                    }
                }
        ]
    });

在panel中插入的代码:

   tbar: toolbarCarType,
        listeners: {
            ‘render‘: function () { //将tbar1添加到main.tbar的下面
                toolbarWork.render(card.tbar);
            }
        },
时间: 2024-10-16 14:16:58

EXTJS 3.0 资料 控件之 Toolbar 两行的用法的相关文章

EXTJS 3.0 资料 控件之 html 潜入label用法

这是在Extjs 中插入html 控件label! html: "<div><label id='howMany'>您共选中了</label><br/></div>"获取label值:document.getElementById('howMany').innerText赋值label值:document.getElementById('howMany').innerText = "这是赋值"; docum

EXTJS 3.0 资料 控件之 FormPanel 插入button用法

最近发现项目中FormPanel 里面需要 增加 button,的模块比较多,具体代码如下: var eastPanelForm_Dele = new Ext.form.FormPanel({ id: 'eastPanelForm_Dele', width: 250, border: false, autoScroll: true, height: 400, frame: true, layout: 'form', region: 'center', items: [{ bodyStyle: '

EXTJS 3.0 资料 控件之 combo 用法

EXTJS combo 控件: 1.先定义store //年款 var comboData_ReleasYear = [ ['0', '2010'], ['1', '2011'], ['2', '2013'], ['3', '2014'] ]; 2.定义combo控件 { layout: 'form', labelWidth: 50, width: 260, items: [{ xtype: 'combo', name: 'ReleasYear', allowBlank: false, fiel

EXTJS 3.0 资料 控件之 Store 用法

最近工作,发现在Extjs中自定义Store的功能挺多,特意在此做笔记,几下来,具体代码如下: 1.定义Store //定义Store var ItemSelectorStore = new Ext.data.ArrayStore({ fields: [ { name: 'BaseInfoId' }, { name: 'Title' } ] }); 2.根据Grid的数据,循环往Store里面插 var rows = grid.getSelectionModel().getSelections(

EXTJS 3.0 资料 控件之 GridPanel属性与方法大全

1.Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设置该配置项 sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModel enableHdMenu:

EXTJS 3.0 资料 控件之 itemselector 用法

1 var dsform = new Ext.data.ArrayStore({ 2 data: [[123, 'One Hundred Twenty Three'], 3 ['1', '今天星期一'], ['2', '2014.12.29'], ['3', '9.25'], ['4', '北京'], ['5', '肖村桥'], 4 ['6', '成换成'], ['7', '35号'], ['8', '4层'], ['9', '6666']], 5 fields: ['value', 'text

EXTJS 4.2 资料 控件之Grid 那些事

最近在学习Extjs4.2 ,积累文章,看得不错,再此留年: //表格数据最起码有列.数据.转换原始数据这3项 Ext.onReady(function(){ //定义列 var columns = [ {header:'编号',dataIndex:'id',width:50}, //sortable:true 可设置是否为该列进行排序 {header:'名称',dataIndex:'name',width:80}, {header:'描述',dataIndex:'descn',width:11

EXTJS 4.2 资料 控件之radiogroup 的用法

最近在EXTJS4.2开发项目,radiogroup的用法,主要是和grid之间的编辑功能:看了好多资料都不对,特此在这里备注记录 代码如下, 1.这是一段Win窗体上的两个单选按钮,设置单选按钮都是选择“是” a. { xtype: 'fieldcontainer', layout: 'hbox', defaults: { flex: 1 }, items: [{ xtype: 'radiogroup', fieldLabel: '手机验证', width: 100, items: [ { b

EXTJS 4.2 资料 控件之checkboxgroup的用法

代码判断 { xtype: 'panel', width: 750, border: false, flex: 1, items: [{ xtype: 'checkboxgroup', id: 'lblOperationBehavior', name: 'lblOperationBehavior', itemCls: 'x-check-group-alt', columns: 4, fieldLabel: '设定权限', labelWidth: 100, width: 750, align: '