Skip to content

Ext.button.Split

xtype 为 splitbutton 的 Ext JS 原生组件参考。

Updated View as Markdown

源码定义:ext-all-debug.js:60131。分类:按钮、工具栏、菜单与标签页。

创建示例

var component = Ext.create("Ext.button.Split", {
  xtype: "splitbutton",
  arrowCls: 'split',
  split: true,
  renderTo: Ext.getBody()
});

属性

属性 类型 默认值 说明 配置示例
arrowCls String 'split' 配置 arrowCls 对应的 CSS 类名。 arrowCls: 'split'
split Boolean true 控制是否启用 split 行为。 split: true

方法

方法 参数 说明 调用示例
initComponent `` 初始化组件及其子项。 执行时会保留父类默认行为。源码涉及 callParent()addEvents() component.initComponent()
setArrowHandler handler, scope 设置 arrowHandler。 执行时会更新 arrowHandlerscope 状态。 component.setArrowHandler(...)
onClick e 处理 click 回调。 执行时会派发 arrowclick 事件。源码涉及 doPreventDefault()maybeShowMenu()fireEvent()doToggle() component.onClick(...)

事件

事件 说明 监听示例
arrowclick 用户点击下拉箭头时触发。 源码在 onClick() 中通过 fireEvent() 触发。 listeners: { arrowclick: function () {} }
Navigation

Type to search…

↑↓ navigate↵ selectEsc close