10.1.1 Ext JS 面板添加工具栏的方式汇总
创始人
2025-06-01 16:12:53

Ext JS的面板(比如form, grid) 中添加工具栏按钮的方式有多种, 具体如下表:

配置方式说明
tbarTop Bar ,顶部工具栏
bbarBottom Bar,底部工具栏
lbarLeft Bar ,左侧工具栏
rbarRight Bar ,右侧工具栏
fbarFooter Bar ,页脚工具栏
dockedItems停靠项
buttonsdockedItems 的便捷方式

tbar ,bbar ,lbar ,rbar

这四个配置表示工具栏位于面板的四个不同的位置, 分别是上、下、左、右。 显示的效果如下:
在这里插入图片描述

定义方式是:

				{xtype: 'panel',title: 'tbar顶部工具栏',tbar: [{iconCls: 'x-fa fa-edit',text: '按钮1'}]}

相关内容

热门资讯

福建平和:“世界柚乡”挂满“致... (来源:千龙网)新华社福州12月17日电 题:福建平和:“世界柚乡”挂满“致富金果”新华社记者吴剑锋...
于细微处见担当 在窗口处绽光彩 清晨的阳光透过玻璃窗,洒在办公桌码放整齐的文件上。马彦超翻开待处理工作的文件夹,指尖划过一行行文字,...
水墨乡村景如画 (来源:市场星报) 安徽省黄山市黟县宏村镇冬景如画,晨雾如轻纱般缭绕于白墙黛瓦的徽派民居之间,阳光穿...
从慈禧照片看晚清社会 慈禧与众人在颐和园乐寿堂前慈禧与外国公使夫人合影慈禧中海泛舟假扮观音十九世纪四十年代,西方出现了摄影...