顶级组件Account(panel)中添加了AccountGrid(gridpanel)这个子组件.
Account.js 代码:
initComponent: function() {
var me = this;
me.items = [];
me.items.push({
region : 'center',
xtype : 'accountgrid',
bind: {
title: me.title + '{selectionText}'
},
permissiveOpts: me.permissiveOpts
},{
region : 'east',
xtype : 'accountdetail',
width : 400,
title : '账号明细',
split : true,
collapsible : true,
collapsed : true,
collapseMode : 'mini'
},{
//Menu 添加、修改、查看对话框
xtype: 'accountwindow'
}
);
this.callParent(arguments);
}
AccountGrid的代码:
Ext.define('Ims.view.ckcp.widget.AccountGrid', {
extend: 'Ext.grid.Panel',
alias: 'widget.accountgrid',
requires: [
'Ims.ux.GridToolBar',
'Ext.ux.form.SearchField',
'Ims.ux.form.field.UxTreePicker',
'Ims.ux.form.trigger.TriggerClear',
'Ims.ux.iconcls.Field'
],
reference: 'accountgrid',
bind: {
store: '{accountStore}'
},
columnLines: true,
multiSelect: false,
tools: [
{
type: 'refresh',
tooltip: '刷新数据',
handler: 'refreshBtnClick'
}, {
type: 'maximize',
hidden: true,
tooltip: '隐藏记录明细',
handler: 'hideDetailBtnClick'
}, {
type: 'restore',
tooltip: '显示记录明细',
handler: 'showDetailBtnClick'
}
],
bbar:{
xtype:'pagingtoolbar',
reference:'accountgridpagingtoolbar',
bind :{
store : '{accountStore}'
},
displayInfo: true,
emptyMsg: "没有需要显示的数据",
plugins: [
Ext.create('Ext.ux.ProgressBarPager')
]
},
columns: {
items: [
{
text:'***',
searchable: true,
dataIndex:'organizationCode'
},{
text: '***',
searchable: true,
dataIndex: 'customerName'
},
{
text:'***',
searchable: true,
dataIndex: 'accountNumber'
},{
text: '***',
searchable: true,
dataIndex: