`
生死格斗
  • 浏览: 127427 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext Button handler配置项的疑问

EXT 
阅读更多
在配置Button的handler属性的时候遇到一个奇怪的问题,
如果在handler后面直接配置自定义的function,
handler: myFunction()

这种方式在加载页面的时候会直接执行这个function,并非是click button之后,而如果改成如下方式:
handler: function(){
    myFunction();
}

则执行ok,click button时才会触发myFunction。

初学Ext,不知此问题原因何在,期待大家帮助解决疑惑!
分享到:
评论

相关推荐

    ext Panel+toolbar+button 实作带注释

    在Toolbar中,按钮通常通过`items`数组添加,每个按钮的配置项包括`text`(按钮文本)、`handler`(点击事件处理函数)等。例如,`{text: '点击我', handler: function(){...}}`定义了一个按钮并绑定了点击事件。 ...

    Ext2_Button示例

    ExtJS提供了许多配置项,如`width`、`height`、`id`、`cls`等,用于调整按钮的大小、ID、样式等。 通过学习这个"Ext2_Button"示例,你可以了解如何在ExtJS 2.x中创建和配置按钮,进一步提升你的Web应用程序交互性...

    Ext登陆login

    6. **Ext.button.Button**: 创建按钮,通常会有一个`handler`配置项,用于定义点击按钮时执行的函数。 7. **事件监听器**: 在按钮的`handler`中,我们可以编写处理登录逻辑的代码,例如验证用户输入、发送请求到...

    ext中播放声音

    首先,定义一个类,继承自EXTJS的`Ext.container.Container`,并在`renderTpl`配置项中添加`<audio>`标签。然后,为`<audio>`元素添加`src`属性,用于指定音频文件路径。例如: ```javascript Ext.define('...

    EXT中文手册5.pdf

    - **East** 和 **West** 区域也支持分隔条(split)和初始大小(initialSize)等配置项,使得这些区域能够被拖动调整大小。 - **Center** 区域默认占据剩余的空间,通常用于显示主要内容。 #### 1.3 初始化 `...

    ext-word文档

    var button = Ext.get('myButton'); button.on('click', function() { alert('Button clicked!'); }); ``` 这种方式让事件处理变得更加直观且易于管理。 #### 使用Widgets Widgets是ExtJS中的另一个核心概念,...

    Ext一个登陆的小例子 (java+servlet)

    EXT提供了丰富的API和配置项,使得我们可以自定义表单样式、验证规则等。 接下来是Java Servlet的部分。在服务器端,我们需要一个Servlet来接收前端发送的登录请求,并进行身份验证。当用户点击登录按钮时,EXT会...

    Ext级联菜单实例

    每个菜单项可以通过`{text: '菜单文本', menu: 子菜单对象}`这样的配置项来定义。 2. **创建子菜单**: 子菜单可以是另一个`Ext.menu.Menu`实例,或者是一个包含更多菜单项的数组。如果子菜单是一个数组,那么数组...

    Ext获取对象

    例如,`new Ext.button.Button({text: 'Click me', handler: function() {...}})`创建了一个带有文本和点击事件处理器的按钮。 8. **Ext.ComponentQuery**: 这是一种更高级的组件查询方式,允许基于组件的配置和...

    ext学习资料,很基础的,一步一步都很详细,希望共同学习ext

    `show()` 方法是最强大的消息框创建方法,它允许通过配置项来定制几乎所有的方面。 ```javascript // 基本用法 Ext.MessageBox.show({ title: "标题", msg: "消息", buttons: Ext.MessageBox.OK, // 可以自定义...

    EXT扩展Htmleditor,在工具栏中添加插入图片按钮,可选择图片插入到编辑器中(也可添加其他功能按钮)

    4. 注册插件:在创建Htmleditor实例时,将这个插件添加到`plugins`配置项中。 ```javascript var editor = new Ext.form.HtmlEditor({ width: 500, height: 300, plugins: [new MyPlugins.ImageInsert()] }); ``...

    ExtJS 4 button按钮

    ExtJS 4中的Button组件通过一系列可配置的选项提供了高度定制化的可能,下面将详细介绍这些配置项: - **id**:为按钮分配一个唯一的标识符,便于后续在代码中引用。 - **text**:设置按钮上的文本显示内容。 - **...

    Extjs基础学习描述

    `listeners`配置项用于监听`render`事件,当Panel渲染完成后,添加了一个`Ext.form.TextField`。 ```javascript var _panel = new Ext.Panel({ renderTo: Ext.getBody(), layout: "form", labelWidth: 30, ...

    Extjs4 Grid分页与自动刷新

    var refreshBtn = Ext.create('Ext.button.Button', { text: '刷新', handler: function() { store.loadPage(1); // 刷新Grid } }); // 将按钮添加到视口 Ext.create('Ext.Viewport', { layout: 'fit', items...

    Extjs教程_第四章_按钮、菜单和工具栏(2)

    按钮的核心功能是响应用户操作,这通常通过`handler`配置项实现。`handler`是一个在按钮被点击后执行的函数,例如: ```javascript {xtype: 'tbbutton', text: 'Button', handler: function() { Ext.Msg.alert('Boo...

    关于ExtJS的工具栏动态添加按钮(从后台数据库读取信息).doc

    toolbar.add(Ext.create('Ext.button.Button', buttonCfg)); } toolbar.doLayout(); // 重新布局以显示新添加的按钮 } ``` 4. **处理点击事件**:根据服务器返回的数据,我们可能需要为每个按钮指定一个处理函数...

    ExtNetIcon

    在布局或控件配置中,可以使用`Icon`属性将枚举值赋给特定组件,如按钮或菜单项。例如: ```csharp Button button = new Button { Text = "新增", Icon = Ext.Net.Icon.Add, Handler = "function() { ... }" // ...

    extjs实现下拉框多选

    var clearButton = Ext.create('Ext.button.Button', { text: '清除', handler: function() { combo.setValue([]); } }); // 将按钮添加到组合框的工具栏 combo.tbar = [clearButton]; ``` 以上就是使用ExtJS...

Global site tag (gtag.js) - Google Analytics