您的位置:首页 > Web前端 > JavaScript

extjs toobar设置属性是否显示

2012-04-27 15:28 302 查看
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 });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: