1.前言。
如题。
2.代码。
注意,图标是需要自己加样式的,否则显示不出来。
var button=Ext.get('btnShh');
button.on('click', function(){
// tabs for the center
var tabs = new Ext.TabPanel({
region: 'center',
margins:'3 3 3 0',
activeTab: 0,
defaults:{autoScroll:true},
items:[{
title: 'Bogus Tab',
html: 'fewfw'
},{
title: 'Another Tab',
html: 'fewfw'
},{
title: 'Closable Tab',
html: 'fewfw',
closable:true
}]
});
// Panel for the west
var nav = new Ext.Panel({
title: 'Navigation',
region: 'west',
split: true,
width: 200,
collapsible: true,
margins:'3 0 3 3',
cmargins:'3 3 3 3'
});
var win = new Ext.Window({
title: '弹出框',
iconCls: "add",
closable:true,
modal:true,
width:600,
height:350,
//border:false,
plain:true,
layout: 'border',
items: [nav, tabs]
});
win.show(this);
});
注意把小图标的样式加上,路径要对。
.add {
background: url(Images/icons/add.png) left top no-repeat;
}