当前位置:首页 > 开发 > Web前端 > Ext > 正文

ExtJS中如何给Label添加click事件

发表于: 2009-02-10   作者:crabdave   来源:转载   浏览次数:
摘要: ExtJS中如何给Label添加click事件       ExtJS中Ext.form.Label默认是没有click事件的,但由于项目需要,要求给label添加一些其它的事件,本文提供两种方法对这个class进行扩展,方法如下: 方法1: Ext.onReady(function() {   var p =

ExtJS中如何给Label添加click事件

      ExtJS中Ext.form.Label默认是没有click事件的,但由于项目需要,要求给label添加一些其它的事件,本文提供两种方法对这个class进行扩展,方法如下:

方法1:

Ext.onReady(function() {
   var p = new Ext.ux.MyPanel({
      renderTo : document.body
     });
  });
Ext.ux.MyPanel = Ext.extend(Ext.Panel, {
   initComponent : function() {
    Ext.apply(this, {
       width : 200,
       height : 200,
       items : [{
        xtype : 'label',
        id : 'mylabel1',
        html : 'Label 1',
        listeners : {
         render : function() {//渲染后添加click事件
          Ext.fly(this.el).on('click',
            function(e, t) {
             // do stuff
             alert('Hi');
            });
         },
         scope : this
        }
       }]
      });
    Ext.ux.MyPanel.superclass.initComponent.call(this);
   }
  });

方法2:

Ext.onReady(function() {
            //在渲染后添加click事件
   Ext.form.Label.prototype.afterRender = Ext.form.Label.prototype.afterRender
     .createSequence(function() {
        this.relayEvents(this.el, ['click']);
       });//这一段一定要放在label之前
   var tempPanel = new Ext.Panel({
      layout : 'fit',
       renderTo : document.body,
      items : [{
         xtype : 'label',
         text : 'label click',
         listeners : {
          'click' : {
           fn : function(field) {
            alert("Hi");
           },
           scope : this
          }
         }
        }]
     });
  });

 

ExtJS中如何给Label添加click事件

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
<pre name="code" class="javascript">1.隐藏某个textfield和label组件 的方法: Ext.getCmp('
不管是在asp.net 还是asp.net mvc中,对象的click事件是我们最常用到的一个事件,说明用户click点击
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml
昨天要做pie chart,要求是图例与标题显示不一样,这个刚开始感觉有点棘手,官方例子也没有不同的,
一、前言 由於小朱與BillChung的啟發,想寫一個故事,讓大家了解如何調用 Button.Click 事件,而故事
jQuery 中 click事件会累计绑定 例如下列代码: aNode.click(function(){   bNode.click(function
第一种方式 第二种方式 第三种方式 第四种方式 注意:1.第三种方式只适用于jquery 1.7以上的版本 2.
<html> <head> <!--Put your page Title here --> <title>tabPanel Test&l
用惯了VB6,VC6,一时不知道如何在VS2005添加事件了,看了看参考书和上网查了些资料,都没有查到所
代码: <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=f
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号