首页 > 编程语言 > 详细

Javascript - ExtJs - Toolbar - 工具栏

时间:2017-07-01 16:03:21      阅读:314      评论:0      收藏:0      [点我收藏+]

Toolbar类是一种子控件,它不能独立存在,需要依附在其它组件上面。

技术分享
//创建工具栏
var tbar = new Ext.Toolbar({
    width: 200,
    height: 30
});
View Code

工具栏创建完成后,类似下面这样:

 技术分享

现在你可以在这个空白的工具栏上add其它的子控件。

技术分享
tbar.add("-");//为工具栏增加一条分割线
View Code
技术分享
//创建按钮
var addRowBtn = new Ext.button.Button({
    text:"添加"
});
var delRowBtn = new Ext.button.Button({
    text: "删除"
});
//将两个按钮添加到工具栏上
tbar.add(addRowBtn);        
tbar.add(delRowBtn);
View Code

技术分享

技术分享
var text = new Ext.Toolbar.TextItem({
                text: "非按钮"
 })

tbar.add(text);
View Code

技术分享

Javascript - ExtJs - Toolbar - 工具栏

原文:http://www.cnblogs.com/myrocknroll/p/7101039.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!