__________________________________________________________________
//将spacer放在整个所有子组件之前,代表将下面所有的组件添加空格
// {
// xtype:'spacer',
// width:10//设置空格的距离
// },
//设置对齐方式
//layout:{//定义工具条的对齐方式
// type:'hbox',
// pack:'end'//右对齐
//},
__________________________________________________________________________________
var myToolBar=Ext.create('Ext.Toolbar',{
id:'mytoolBar',
docked:'top',//按钮停靠的位置,可选项为top,bottom,left,right.默认是top
layout:{//定义工具条的对齐方式
type:'hbox',
pack:'end'//右对齐
},
items:[
{//将spacer放在整个所有子组件之前,代表将下面所有的组件添加空格
xtype:'spacer',
width:10
},
{
xtype:'button',
text:'按钮一'
},
{
xtype:'button',
text:'按钮二'
},{
xtype:'spacer',
width:150
},{
xtype:'button',
text:'按钮三'
}
]
});
var myPanel=Ext.create('Ext.Panel',{
id:'myPanel',
items:[
myToolBar
],
html:'测试数据'
});
Ext.Viewport.add(myPanel);
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。