码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript - ExtJs - Toolbar - 工具栏

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

标签:独立   工具   分享   eve   bar   12px   splay   event   button   

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 - 工具栏

标签:独立   工具   分享   eve   bar   12px   splay   event   button   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!