extjs toobar设置属性是否显示

 
Ext.define('PDYuneHR.view.personnelManage.certificate.CertificateGridPanel', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.certificateGridPanel',
    isShowTools: true ,
    requires: [
        'PDYuneHR.store.personnelManage.certificate.CertificateGridStore',
        'PDYuneHR.store.system.CodeInfoInfoStore',
        'PDYuneHR.store.personnelManage.certificate.CertiBodyGridStore',
        'PDYuneHR.store.userControl.EmployeeForSelecteStore',
        'PDYuneHR.store.personnelManage.certificate.CertiKindGridStore'
    ],
    initComponent: function()
    {
        var me = this;
        var employeeSelecteStore = Ext.widget('employeeForSelecteStore'); //员工列表
        var certificateGridStore = Ext.widget('certificateGridStore');
        var certiBodyStore = Ext.widget('certiBodyGridStore'); //发证机构列表
        var certiKindStore = Ext.widget('codeInfoInfoStore'); //证件类型列表
        var selModel = Ext.create('Ext.selection.CheckboxModel'); //全选列
        var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {//单元格点击可编辑
            clicksToEdit: 1
        });
        this.certiBodyStore = certiBodyStore;
        this.certiKindStore = certiKindStore;
        this.employeeSelecteStore = employeeSelecteStore;
        certiKindStore.params = { codeKindID: '188' };
        employeeSelecteStore.load();
        certiBodyStore.load();
        certiKindStore.load();
        var spacelabel = {
            xtype: 'label',
            width: 5
        };
        var heigh = 20;
        var minDate = new Date('1/1/1754 00:00:00 AM GMT-0600');
        //工具栏
        var tbarconfig = {};
        if (me.isShowTools)
        {
        
         tbar = Ext.widget('toolbar', {
            height: 23,
            items:
                [spacelabel, spacelabel, spacelabel,
                    {
                        xtype: 'textfield',
                        height: heigh,
                        emptyText: '输入证件编辑或名称',
                        width: 140,
                        name: 'searchField'
                    }, Bcs.btn.searchbyname, spacelabel, {
                        xtype: 'datefield',
                        emptyText: '起始日期',
                        height: heigh,
                        width: 94,
                        maxText: '起始日期必须小于截止日期',
                        format: 'Y-m-d',
                        editable: false,
                        name: 'startDate'

                    }, {
                        xtype: 'datefield',
                        labelWidth: 18,
                        height: heigh,
                        emptyText: '截止日期',
                        width: 116,
                        format: 'Y-m-d',
                        editable: false,
                        minText: '截止日期必须大于起始日期',
                        altFormats: 'Y-m-d',
                        name: 'endDate',
                        fieldLabel: '至'

                    }, {
                        xtype: 'splitbutton',
                        action: 'searchbydate',
                        height: heigh,
                        tooltip: '按发证时间搜索',
                        s_type: 'T0',
                        iconCls: 'icon-view',
                        arrowAlign: 'right',
                        menu: [
                        { text: '按发证时间搜索', action: 'T0', iconCls: 'icon-date' },
                        { text: '按过期时间搜索', action: 'T1', iconCls: 'icon-date' }
                    ]

}]              

        });
        tbarconfig = { tbar: tbar };
    }
        //debugger;

        //Grid列
        var cm = [
                    {
                        header: '证件编号',
                        dataIndex: 'certNumber',
                        editor: {
                            maxLength: 100,
                            allowBlank: true,
                            maxLengthText: '证件编号至多100位',
                            emptyText: ''
                        }
                    }, {
                        header: '证件名称',
                        dataIndex: 'certName',
                        editor: {
                            maxLength: 100,
                            allowBlank: false,
                            maxLengthText: '证件名称至多100位'
                        }
                    }, {
                        header: '证件类型',
                        dataIndex: 'certiKindID',
                        renderer: function(value)
                        {
                            var index = certiKindStore.find('codeInfoID', value);
                            var record = certiKindStore.getAt(index);
                            var displayText = '';
                            if (record == null)
                            {
                                displayText = value;
                            } else
                            {
                                displayText = record.data.scName;
                            }
                            return displayText;
                        },
                        editor: {
                            xtype: 'combobox',
                            store: certiKindStore,
                            mode: 'local',
                            lastQuery: '',
                            displayField: 'scName',
                            valueField: 'codeInfoID',
                            hiddenName: 'codeInfoID',
                            triggerAction: 'all',
                            editable: false
                        }
                    }, {
                        header: '发证机构',
                        dataIndex: 'certiBodyID',
                        renderer: function(value)
                        {
                            var index = certiBodyStore.find('certiBodyID', value);
                            var record = certiBodyStore.getAt(index);
                            var displayText = '';
                            if (record == null)
                            {
                                displayText = value;
                            } else
                            {
                                displayText = record.data.certiBodyName;
                            }
                            return displayText;
                        },
                        editor: {
                            xtype: 'combobox',
                            store: certiBodyStore,
                            mode: 'local',
                            lastQuery: '',
                            displayField: 'certiBodyName',
                            valueField: 'certiBodyID',
                            hiddenName: 'certiBodyID',
                            triggerAction: 'all',
                            editable: false
                        }
                    }, {
                        header: '发证时间',
                        dataIndex: 'trainBeginDate',
                        width: 78,
                        renderer: Ext.util.Format.dateRenderer('Y-m-d'),
                        editor: {
                            xtype: 'datefield',
                            allowBlank: false,
                            format: 'Y-m-d',
                            editable: false
                        }
                    }, {
                        header: '过期时间',
                        dataIndex: 'trainEndDate',
                        width: 78,
                        renderer: Ext.util.Format.dateRenderer('Y-m-d'),
                        editor: {
                            xtype: 'datefield',
                            allowBlank: false,
                            format: 'Y-m-d',
                            editable: false,
                            blankText: "过期时间不能为空"
                        }
                    }, {
                        header: '所属人员',
                        dataIndex: 'employeeID',
                        renderer: function(value, p, r)
                        {
                            var index = employeeSelecteStore.find('employeeID', value);
                            var record = employeeSelecteStore.getAt(index);
                            var displayText = '';
                            if (record == null)
                            {
                                displayText = value;
                            } else
                            {
                                displayText = record.data.employeeName;
                            }
                            return displayText;
                        }
                    }, {
                        header: '所属部门',
                        dataIndex: 'employeeID',
                        renderer: function(value)
                        {
                            var index = employeeSelecteStore.find('employeeID', value);
                            var record = employeeSelecteStore.getAt(index);
                            var displayText = '';
                            if (record == null)
                            {
                                displayText = value;
                            } else
                            {
                                displayText = record.data.departmentName;
                            }
                            return displayText;
                        }
                    }, {
                        header: '附件',
                        dataIndex: 'fileName'
                    }, {
                        header: '备注',
                        dataIndex: 'remark',
                        editor: {
                            xtype: 'textarea',
                            maxLength: 500,
                            maxLengthText: '证件名称至多500字',
                            emptyText: ''
                        }
                    }
            ];
        Ext.apply(this, {
            store: certificateGridStore,
             //工具栏
            selModel: selModel,
            columnLines: true,
            columns: cm,
            frame: false,
            border: false,
            bbar: Ext.create('Ext.PagingToolbar', {//分页菜单
                store: certificateGridStore,
                displayInfo: true,
                frame: false,
                border: false,
                margin: '0 0 -3 0',
                //maxHeight:20,
                items: [{
                    xtype: 'button',
                    tooltip: '导入数据',
                    icon: 'images/dataimport.gif'
                }, {
                    xtype: 'button',
                    tooltip: '导出数据',
                    icon: 'images/dataexport.gif'
                }
                    ],
                displayMsg: '当前显示({0} - {1}) 共{2}条',
                emptyMsg: '无记录'
            }),
            disableSelection: false, //值为True,表示禁止选择
            frame: false,
            plugins: [cellEditing]
        },tbarconfig);
        this.callParent(arguments);
    }
});

Control:

var win=Ext.create('PDYuneHR.view.personnelManage.certificate.CertificateGridPanel',{isShowTools:false });


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值