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 });
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 });
相关文章推荐
- Extjs中Chart利用series的tips属性设置鼠标划过时显示数据
- useHandCursor当鼠标滑过其 buttonMode 属性设置为 true 的 Sprite 时是否显示手指形(手形光标)。
- Flex中如何通过includeInLayout和visible属性设置Form显示或隐藏
- ios7 关于searchbar上设置cancelButton的title属性
- extjs datefield 设置显示和编辑格式为‘Y-m-d’
- JFreeChart -- 柱状图实例解析 -- 设置显示属性
- ExtJs RadioGroup根据选择的值决定某些表单是否显示
- JQuery 设置show/hide显示隐藏属性无效的原因
- Scrollbarstyle属性的设置对scrollbar位置的影响
- android中设置不显示titlebar
- 通过 WM_CTLCOLOR 设置VC 组合框显示属性(字体、颜色、背景)
- C#报无法将 Owner 属性设置为之前未显示的 Window错误
- iphone中input按钮设置disabled属性出现灰色背景没有显示问题
- Delphi 设置窗体的属性(最前端显示、淡入淡出效果、滑动效果)
- TextView设置一行最多显示5个字是什么属性
- TextView设置一行最多显示6个字是什么属性?
- ExtJS中表格控件的使用,属性设置和数据的获取加载
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- ActionBar 设置显示返回箭头图标
- Image控件的source属性设置显示图片,给出不包含在项目里面的图片不完善解决方案..