extjs SplitButton点击文本显示下拉菜单

最新推荐文章于 2024-08-28 09:11:06 发布
原创 最新推荐文章于 2024-08-28 09:11:06 发布 · 4.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#extjs #function

本文介绍如何使用 ExtJS 中的分割按钮(splitButton)并在点击时显示关联菜单。通过 JavaScript 代码绑定 click 事件, 在事件触发时将菜单显示在按钮下方。 
splitButton.on('click',function(btn){
   splitButton.menu.showAt([btn.getXY()[0], btn.getXY()[1] + btn.getHeight()]);  
})
[Ext JS] 按钮子菜单的实现及鼠标移动自动显示
oscar999的专栏
03-12 634
Button 和Split类型的按钮都可以通过 menu 添加子菜单。默认状况添加的子菜单需要点击按钮的下拉箭头来显示菜单项， 如何实现将鼠标移动到按钮就显示子菜单，鼠标移除菜单自动隐藏呢
[转]ExtJs之Ext.widgets-Button,SplitButton,CycleButton
applebomb的专栏
02-13 7107
Ext.Actionaction实现一个脱离了容器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and s
按钮组件（Ext.Button、Ext.SplitButton）
程序员的天堂
05-18 759
1、Ext.Button的主要配置项：       text：按钮上显示的文字      handler：按钮单击后调用的函数，按钮本身作为参数传入到函数            function onToolbarButton(btn){                  alert(btn.id);            }      menu：按钮菜单。      arrowAlign：箭头...
EXT核心API详解(十四)_Ext.Button/Ext.SplitButton/Ext.CycleButton
qinyun1221的博客
11-30 427
[size=small][color=red][b]Ext.Button[/b][/color] 简单的按钮类 [color=red]公有属性:[/color] [b]disabled : Boolean[/b] 允许? [b]hidden : Boolean[/b] 隐藏? [b]pressed : Boolean[/b] 按下? [color=red]方法 [/color][...
SplitButton( 分割按钮)
12-01 1687
一． 加载方式//class 加载方式<a href="javascript:void(0)" id="edit" class="easyui-splitbutton"data-options="menu:'#box',iconCls:'icon-edit'">编辑</a><div id="box" style="width:100px;"><d...
easyui----splitbutton--和menubutton非常类似
有 prepare , No out
12-07 1876
1 Ok Help 2 区别在于 点到了 下三角才出弹出框，而 menubutton是直接出弹出框
Extjs学习笔记之四 工具栏和菜单
10-29
Extjs提供了多种预定义的xtype，如按钮（button）、分割按钮（splitbutton）、文本项（tbtext）、分隔符（separator）、间隔（spacer）等。这些xtype对应着ToolBar中可能使用的各种组件类型。开发者在配置items数组...
ExtJS菜单导航功能详解与应用实例
- **分隔线菜单（Split Button Menu）**：具有可分割按钮形式的菜单，常用于提供多个相关操作。 #### 5. 菜单导航的配置选项 Ext JS中菜单导航的配置非常灵活，允许开发者通过各种选项来定制菜单的行为和外观，...
extJs xtype 类型
08-17
2. **`splitbutton`:** 这是一种带有下拉菜单的按钮组件。该组件通过`Ext.SplitButton`类实现。 3. **`cycle`:** 此组件提供了一个带有下拉选项菜单的按钮，由`Ext.CycleButton`类实现。 4. **`buttongroup`:** ...
extjs xtype
11-16
15. `splitbutton` - `Ext.SplitButton`：可分裂的按钮，既是按钮又有下拉菜单。 16. `tabpanel` - `Ext.TabPanel`：选项卡面板，用于组织内容到不同的选项卡中。 17. `treepanel` - `Ext.tree.TreePanel`：树形面板...
ExtJs xtype一览
10-30
- **`splitbutton` (Ext.SplitButton)**: 这是一种带有下拉菜单的按钮组件。除了可以作为一个普通的按钮外，还可以展开一个下拉菜单供用户选择更多的选项。 - **`cycle` (Ext.CycleButton)**: 此组件为一个带有下拉...
ExtJS入门教程(超级详细)
03-13
1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 6、Function类 ………………………… 6 7、Ext.Element类 ………………………… 7 8、Ext.DomQuery类 ………………… 13 9、Ext.DomHelper类 …………………… 14 10、Ext.Template类 …………………… 14 11、Ext.EventManager类 ……………… 15 12、Ext.EventObject类 ………………… 15 13、Ext.CompositeElement类 ………… 16 14、Ext.CompositeElementLite类 ……… 16 15、Ext.Fx类 …………………………… 16 16、Ext.KeyNav类 ……………………… 19 17、Ext.KeyMap类 …………………… 19 18、Ext.util.JSON类 ……………………… 20 19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… 21 22、Ext.util.TextMetrics类 …………… 21 23、Ext.XTemplate类 ………………… 21 24、Ext.data.Connection类 ……………… 22 25、Ext.Ajax类 ………………………… 22 26、Ext.data.Record类 ………………… 23 27、Ext.data.DataProxy类 …………… 24 28、Ext.data.HttpProxy类 …………… 24 29、Ext.data.MemoryProxy类 ……… 25 30、Ext.data.ScriptTagProxy类 ………… 25 31、Ext.data.DataReader类 ……………26 32、Ext.data.ArrayReader类 …………… 26 33、Ext.data.JsonReader类 …………… 26 34、Ext.data.XmlReader类 …………… 27 35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 40、Ext.Action类 ……………………… 35 41、Ext.Button类 …………………… 36 42、Ext.SplitButton类 ……………… 38 43、Ext.CycleButton类 ……………… 39 44、Ext.form.BasicForm类 …………… 40 45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext.menu.Adapter类 ……………… 51 59、Ext.menu.Item类 ………………… 51 60、Ext.menu.CheckItem类 …………… 51 61、Ext.menu.Separator类 ………… 52 62、Ext.menu.TextItem类 …………… 52 63、Ext.Toolbar类 …………………… 55 64、Ext.Toolbar.Item类 ……………… 56 65、Ext.Toolbar.Separator类 ……… 56 66、Ext.Toolbar.Spacer类 …………… 56 67、Ext.Toolbar.TextItem类 ……… 56 68、Ext.Toolbar.Fill类 ……………… 56 69、Ext.grid.ColumnModel类 ……… 58 70、Ext.grid.PropertyColumnModel类 … 59 71、Ext.grid.GridView类 …………… 59 72、Ext.grid.GroupingView类 ………… 60 73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65
点击按钮出现下拉列表
03-26
点击按钮出现下拉列表 本例博客可以看效果： http://blog.youkuaiyun.com/qqmcy/article/details/22160153
EXT学习笔记
liaojiafan的专栏
08-13 1199
1.EXT的官方网址、最新版本、下载地址      官方网址：http://extjs.com/；      最新版本：Ext JS 3.0；      下载地址：http://extjs.com/products/extjs/download.php; 2.ExtJS 库文件的列表      adapter：负责将里面提供第三方底层库（包括Ext 自带的底层库）映射为Ex
探索高效交互新纪元：SplitButton——双功能菜单按钮的卓越实践
最新发布
gitblog_00433的博客
08-28 282
探索高效交互新纪元：SplitButton——双功能菜单按钮的卓越实践 在当今快节奏的移动应用开发领域，用户体验往往决定了一款应用的生死存亡。为了提升界面交互的便捷性和效率，一款名为SplitButton的开源项目横空出世，它巧妙地将单个操作按钮扩展为具备双重功能的创新组件，极大地丰富了UI设计的可能性。 项目介绍 SplitButton是一款专为Android平台设计的开源库，通过一个基础动作按...
【EasyUI篇】SplitButton分割按钮组件
ouYang的博客
09-16 1403
微信公众号：程序yuan 关注可了解更多的教程。问题或建议，请公众号留言; 查看--&gt; 全套EasyUI示例目录 16.SplitButton分割按钮组件 与MenuButton相似，只是悬浮右边的下三角才能触发，方法和属性一直，此处就不列出 效果图 ------------------------------------------------ 关注小编微信公众号获取更...
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值