3.3 Ext JS之按钮（button）

我不是女神ヾ 2024-03-25 11:39 70阅读 0赞

### 按钮的类型 ###

按钮类的命名空间是Ext.button，主要包含以下四种类型的按钮：

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th>按钮类型</th> 
   <th>xtype</th> 
   <th>class</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>Button</td> 
   <td>button</td> 
   <td>Ext.button.Button</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>Split</td> 
   <td>splitbutton</td> 
   <td>Ext.button.Split</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>Cycle</td> 
   <td>cycle</td> 
   <td>Ext.button.Cycle</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>Segmented</td> 
   <td>segmentedbutton</td> 
   <td>Ext.button.Segmented</td> 
  </tr> 
 </tbody> 
</table>

*  Button 是一般的按钮， 有按钮文字，图标，点击触发一个函数。
 *  Split和Cycle常用来显示有子菜单的按钮。(虽然Button也可以添加子菜单，但是如果点击按钮除了显示子菜单之外，还需要其他的触发效果， 就需要使用 Split和Cycle了)。
 *  Segmented用来显示分组的按钮。

![在这里插入图片描述][8ea50c93b4404c2a9cd8d58cd2a40c1b.png]

### 各类型按钮和使用说明 ###

#### 1. Button 一般按钮 ####

Button， 常用的按钮类型。使用handler 定义按钮点击的操作，也可以使用事件的监听方式，比如mo

[8ea50c93b4404c2a9cd8d58cd2a40c1b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/641d8528db4a4a44955e9507eb54844f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，70人围观）

还没有评论，来说两句吧...

相关阅读

相关 3.3 Ext JS之按钮（button）

按钮的类型按钮类的命名空间是Ext.button，主要包含以下四种类型的按钮： <table> <thead> <tr> <th></th>

我不是女神ヾ/ 2024年03月25日 11:39/ 0 赞/ 71 阅读

相关 Ext JS之Ext Direct快速入门

Ext Direct是一个专有名词， Direct是直接的意思。 Ext Direct 是 Ext JS 框架中的一个功能模块，用于简化前端 JavaScript 应用程序与

我不是女神ヾ/ 2024年03月24日 23:51/ 0 赞/ 90 阅读

相关 Ext JS中定义和使用类Ext JS风格的html 按钮

Ext JS 的按钮样式如下： ![在这里插入图片描述][86b3c540fedb453cbe09597eb860a25e.png] 按钮的背景色默认为应用的主色调或是灰色

心已赠人/ 2024年03月17日 21:19/ 0 赞/ 97 阅读

相关 MUI button(按钮）

mui默认按钮为灰色，另外还提供了蓝色（blue）、绿色(green)、黄色(yellow)、红色(red)、紫色(purple)五种色系的按钮，五种色系对应五种场景，分别为p

àì夳堔傛蜴生んèń/ 2023年07月19日 12:27/ 0 赞/ 33 阅读

相关回到顶部button按钮js特效

[下载地址][Link 1] 回到顶部button按钮js特效，自动显示/隐藏按钮的网页。单击此按钮将顺利滚动网页顶部使用requestAnimationFrame()方法。

快来打我*/ 2022年09月16日 04:50/ 0 赞/ 395 阅读

相关按钮button标签赋值

<input type="button" value="123" id="btn" /> <button id="btn2">123</button>

深碍√TFBOYSˉ_/ 2021年09月24日 11:26/ 0 赞/ 475 阅读

相关 Ext.Button 在Ext.form.FormPanel中的定位

主要原理：利用\{html : '<pre> </pre>'\}填充空格： Java代码 ![收藏代码][icon_star.png] 1. var Text

我会带着你远行/ 2021年09月10日 06:48/ 0 赞/ 328 阅读

相关 uniapp 按钮组件button

属性 type='primary/default/warn' 颜色分别为蓝色/灰白色/红色 size='mini/default' 按钮大小

左手的ㄟ右手/ 2021年07月24日 18:06/ 0 赞/ 1524 阅读

相关 taro Button按钮组件

1、导入 import {Button} from '@tarojs/components' 2、使用 <Button>按钮名称<

末蓝、/ 2021年07月24日 11:03/ 0 赞/ 1180 阅读

相关 HTML input button 按钮

HTML input button 按钮将`<input>`标签的type属性值设置为"button"即可创建一个按钮。点击按钮可以触发一个事件，通常需要结合Java...

小灰灰/ 2020年05月16日 18:07/ 0 赞/ 1037 阅读