ExtJs4 笔记（5） Ext.Button 按钮

ExtJs4 笔记（5） Ext.Button 按钮

《回到系列目录
从本篇开始讲基础控件，ExtJs对所有的UI控件都有它自己的一套封装。本篇要讲到的是ExtJs的按钮。主要包括按钮事件、带分割线、带图标、带菜单的按钮，下拉选项式按钮和按钮组合等。我们先看看效果图:

预览

如下是用到的html：
[html]

一、基本按钮，三种方式实现按钮事件

这里介绍了最基本的按钮生成代码，第一个按钮具备弹起和按下两种状态，三个按钮分别别设置成三种大小。每个按钮的单击事件都是通过一种新的实现方式。下面看看Js代码：
[Js]

二、带图标菜单

按钮可以带图标和菜单，我们可以在配置项里面配置：
[Js]

三、带分割线的按钮

注意的地方：分割线的按钮来自于类Ext.SplitButton
[Js]

四、菜单式按钮

按钮式菜单Ext.CycleButton与下拉不同的是，它具备选中状态，当选中下拉项时，选中文本会相应变化。
[Js]

四、按钮组合

定义了一组按钮，并可以控制按钮排版。
[Js]

作者：李盼（Lipan）

出处：[Lipan] （http://www.cnblogs.com/lipan/）

版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。

分类: JS

好文要顶 关注我 收藏该文








lipan

关注 - 3

粉丝 - 543

+加关注

9

0

(请您对文章做出评价)

« 上一篇：ExtJs4
笔记（4） Ext.XTemplate 模板

» 下一篇：ExtJs4
笔记（6） Ext.MessageBox 消息对话框

posted @ 2011-12-13 08:07 lipan 阅读(26961)
评论(11) 编辑 收藏

评论列表

#1楼 2011-12-13
09:27 阵列式摄像机[未注册用户]

看到好多的代码，看的不是很明白啊

#2楼 2011-12-13
10:17 通用C#系统架构

把效果图也贴上嘛，别那么吝色。
支持(0)反对(0)

#3楼 2011-12-13
10:17 小渺

楼主就是一颗正在崛起的新星，膜拜中……
支持(0)反对(0)

#4楼[楼主] 2011-12-13
10:36 lipan

@C#通用权限管理系统组件

久仰大名，谢谢你的建议，下篇我会效果图分解的更详细些。

不知道可否直接在线展示，在文章中引用extjs库文件
支持(0)反对(0)

#5楼[楼主] 2011-12-13
11:52 lipan

@小渺

过奖了，我只是现在时间很充裕，又不知道干什么，所以就多写几篇文章。
支持(0)反对(0)

#6楼 2011-12-13
13:54 民工也Coding

支持楼主大侠，学ext.js看什么 书 好啊？谢谢啊。。。
支持(0)反对(0)

#7楼[楼主] 2011-12-13
14:01 lipan

@民工也外语

国内没有什么像样的书，你还不如看我的文章:)
支持(0)反对(0)

#8楼 2011-12-13
16:36 yonghu86

支持一下。
支持(0)反对(0)

#9楼 2011-12-14
14:35 cr2121

iconCls 后面怎么写？
支持(0)反对(0)

#10楼[楼主] 2011-12-14
15:39 lipan

@cr2121

CSS样式类名，包含背景图片设置。

支持(0)反对(0)

#11楼 2012-08-16
22:14 put

看了楼主写的东西，受益匪浅，好人啊，感谢……很想知道楼主学习extjs主要是看什么资料的，能否告知？