Extjs xtype为box时的点击事件

最新推荐文章于 2020-05-15 08:13:32 发布
原创 最新推荐文章于 2020-05-15 08:13:32 发布 · 978 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文档展示了如何使用ExtJS框架创建具有特定样式和监听器的UI元素，包括一个可点击的图片按钮，该按钮在点击时触发特定的处理函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

{xtype:'box',style:'margin-left:144px !important;cursor:pointer',width:100,height:24,autoEl:{tag:'img',src:'/sys/baseclass/Boot/img?img=com/taijue/user/patrol/dataManage/route/img/mapp.png'},listeners : {
                            render : function() {
                                Ext.fly(this.el).on("click",function() {
                                me.clickHandler();
                                });}}},

ExtJs xtype一览（转载）
a8366的专栏
04-24 671
基本组件： xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton 带下拉选项菜单的按钮 buttongroup Ext.ButtonGroup 编组按钮(Since 3.0) slider...
EXTJS使用XType来定义组件及使用方法
空気力学少女の诗
02-16 2942
extjs里使用xtype来定义一个页面组件，页面组件如下box Ext.BoxComponent 具有边框属性的组件 button Ext.Button　　按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component　组件 container Ext.Con
extjs中的xtype的所有类型介绍
01-28
extjs中的xtype的所有类型介绍
Extjs xtype
chenlong980201的专栏
07-15 338
xtype                  Class             基本组件：                                                                  box                    Ext.BoxComponent                      具有边框属性的组件button    
ExtJS中xtype一览
05-15 228
基本组件： xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton 带下拉选项菜单的按钮 buttongroup Ext.ButtonGroup 编组按钮(Since 3.0) slider ...
ExtJs中xtype与组件类的对应表
自己的收藏请勿评论
07-10 237
核心提示：我们在使用 ExtJs 创建组件时最容易理解的当然是用 new Ext.form.TextField({fieldLabel:'姓名', id:'name',width:120})；我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 textfield) 的对象形式来创建组件，比如在面板的 items 属性中，尤其是多个 我们在使用 ExtJs 创建组件...
extJs xtype 类型
08-17
### ExtJS xtype 类型概述 在ExtJS框架中，`xtype`是一种用于标识特定组件类型的简短字符串，便于在配置对象中快速定义组件。本文将深入探讨ExtJS中的各种`xtype`类型，帮助开发者更好地理解并运用这些组件。 ####...
extjs xtype
11-16
`xtype`是EXTJS中组件的简写形式，可以理解为组件的标识符，用于创建组件实例时引用已定义的组件类。通过使用`xtype`，开发者可以简化代码，减少重复，并提高代码的可读性和维护性。 例如，当你想要创建一个按钮，...
ExtJs xtype一览
10-30
它可以用于触发事件，如点击操作等。 - **`splitbutton` (Ext.SplitButton)**: 这是一种带有下拉菜单的按钮组件。除了可以作为一个普通的按钮外，还可以展开一个下拉菜单供用户选择更多的选项。 - **`cycle` (Ext....
Extjs xtype集合
08-22
### Extjs xtype集合详解 #### 一、基本概念与背景 在Extjs开发过程中，`xtype`（扩展类型）是极为重要的一个概念。它实际上是一种类型标识符，用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值，...
Ext 中关于xtype:checkboxgroup 显示以及提交解决办法？
qq_33135813的博客
10-09 2067
1.老规矩 首先看下效果图   2.Ext中关于 如何实现复选框，也就是html中的checkbox，在Ext中需要使用xtype:checkboxgroup组件 看一下核心代码，关键就是就是items中复选框的内容   添加了以上内容，当勾选多个复选框的时候，后台接受的内容是inputValue的值，参数为name对应的字段，这点需要注意！接下来我们看一下后台接受到的参数"rele...
ext 组件分类
郴州软件学习www.javaketang.com
09-04 330
组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。 基本组件有： xtype Class ------------- ------------------ box Ext.BoxComponent 具有边框属性的组件 button Ext.Button　　按钮 colorpalette ...
Extjs显示图片
小和尚的专栏
06-08 667
Extjs并没有提供直接的组件来显示图片。网上通过设置textfield的InputType为Image然后再修改dom对象来实现，其实image的属性值并没有包含在Extjs的官方文档当中。可以通过以下的思路实现，更可以进一步扩展成自定义组件。推荐的方法如下: 1、首先做一个容器 Js代码   {       xtype: 'box', //或者xtype: 'c
ExtJs xtype的使用
idomyway的博客
12-10 8077
xtype可作为Ext控件的简写，都会对应一个Ext控件。当然这里你也可以自定义这个xtype，通过自定义的Ext控件来绑定，主要由Ext.reg方法去注册xtype。我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 textfield) 的对象形式来创建组件，比如在面板的 items 属性中，尤其是多个组件或需要写许多的 ExtJs 相关代码时就更值得推荐。 两种形
extjs xtype的使用
chengzhiji7379的博客
06-23 357
我们在使用 ExtJs 创建组件时最容易理解的当然是用 new Ext.form.TextField({fieldLabel:'姓名', id:'name',width:120})； 我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 textfield) 的...
ExtJs可用的xtype
p_x1984的专栏
09-01 262
xtype            Class-------------    ------------------box              Ext.BoxComponent 具有边框属性的组件button           Ext.Button　　按钮colorpalette     Ext.ColorPalette 调色板component        Ext.Component　组...
extjs组件添加事件监听的三种方式
热门推荐
y6300023290的专栏
02-08 2万+
1.在定义组件配置的时候设置 xtype : 'textarea', name : 'dataSetField', labelSeparator:'', fieldLabel:'', hideLabel: true, allowBlank: true, height: mainPanelHeight*0.8, anchor:'99%', listeners:{'b
为Ext.form.Panel的xtype:label添加事件
idomyway的博客
11-27 2283
需求在Ext.form.Panel中添加文字，并注册click事件。 实现如效果图所示的功能效果图 \核心为xtype:label添加事件 listeners: { render: function () {//渲染后添加click事件 Ext.select("#pipeSecrecyAgreement").on('click',
ExtJs基本组件与xtype类型详解
"这篇资料主要介绍了ExtJS中的xtype类型，包括基本组件、容器及数据类组件和工具栏组件，提供了各个组件的xtype、对应的Class以及简要描述。" 在ExtJS中，xtype是一种标识符，用于定义组件的类型，它允许我们在配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值