`
wmch
  • 浏览: 72996 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

ext知识点

阅读更多

1.formPanel中的提交问题(刷新页面提交):

buttons: [{
            text: '查询',
            handler: function(){
               if(fp.getForm().isValid()){
                    fp.getForm().submit();

                }
            }
        },{
            text: 'Reset',
            handler: function(){
                fp.getForm().reset();
            }
        }],
       
        onSubmit: Ext.emptyFn,
        submit: function() {
            //alert(formobj.findById("tbCustInfo.areaCode").getValue());
            //alert(Ext.get("queryFormDiv").dom.innerHTML);
            alert(fp.getForm().getValues()["tbCustInfo.CBrand"] );
            this.getEl().dom.action ='${ctx}/custInfoMng/clientinfomng!showClientInfoList.action';
            this.getEl().dom.method = 'post';
            this.getEl().dom.submit();
        }

 

2.给自定义对象添加click事件

<script type="text/javascript">
    /*
    添加click事件
    */
    var mybox = Ext.extend(Ext.BoxComponent, {
        onRender: function() {
            mybox.superclass.onRender.apply(this, arguments);
            this.el.on('click', this.onClick, this);
        },
        onClick: function(){
            this.fireEvent('click', this);
        }
    });
    
Ext.onReady(function(){
    var box = new mybox({
        el:'test', 
        style:'background-color:red;position:absolute;',  
        pageX:100,  
        pageY:50,  
        width:200,  
        height:150,
        onClick : function(){
            alert(111);
        }
    });
    box.render();
});
</script>

分享到:
评论

相关推荐

    EXT常用小知识点总结

    常用技巧,比如按钮向左向右靠齐,chekbox设置选择方式为多选单选,等等。

    非常好的gwt-ext培训教程

    【GWT-Ext 知识点详解】 GWT-Ext 是一个高级的网页开发控件库,它结合了 Google Web Toolkit (GWT) 和 ExtJs 的优势,为开发者提供了丰富的 UI 组件和强大的功能。GWT 是一个由 Google 开发的用于构建富互联网应用...

    GWT-Ext_体验之旅.doc

    【GWT-Ext 知识点详解】 GWT-Ext 是一个基于 Google Web Toolkit (GWT) 和 ExtJS 的开源控件库,专为构建富互联网应用程序(RIA)提供强大的功能。它允许开发者使用纯 Java 语言进行界面开发,极大地提高了开发效率。...

    ext入门必学

    ### ext入门必学知识点详解 #### 一、Ext框架概览与起源 **知识点1:Ext框架起源** Ext最初作为YUI(Yahoo User Interface Library)的扩展存在,名为YUI.Ext,随后发展成为一个独立的JavaScript框架,不再依赖于...

    ext相关资料-ext3.1

    以下是关于EXT相关资料及EXT3.1的一些核心知识点: 1. **EXT3**:全称为"Third Extended File System",是Linux下的一种日志文件系统。它在1990年代中期由Reed设计,以解决EXT2文件系统缺乏日志记录功能的问题。EXT...

    EXT dojochina Ext类静态方法.rar

    EXT dojochina Ext类静态方法是一个关于EXT框架在JavaScript中的使用的主题,主要聚焦于Ext类的静态方法。EXT是一个强大的前端开发框架,由...学习和熟练掌握这些知识点,将有助于提升你在EXT开发中的效率和代码质量。

    Ext-2.1 Ext 2全文档

    下面我们将详细探讨Ext 2.1中的关键知识点。 首先,Ext JS的核心是组件化。在Ext 2.1中,一切皆为组件。组件可以是简单的按钮、表格,也可以是复杂的树视图或者图表。每个组件都有自己的属性、方法和事件,这使得...

    EXT学习心得,ext

    ### EXT学习心得与关键知识点详解 #### 布局Center的重要性 在EXT框架中,`layout: 'center'`是一个非常关键的配置属性,尤其是在创建面板(Panel)时。如果一个面板没有设置中心布局(center),它可能不会按预期...

    Ext2.2,Ext3.0中文文档

    以下是一些关于Ext2的关键知识点: 1. **分块和 inode**: Ext2采用了分块存储数据,并且每个文件都有一个独立的inode(索引节点),用来存储文件的元信息,如文件权限、所有者、修改时间等。 2. **日志式和非日志...

    ext2.0项目源代码供大家学习ext使用

    在EXT 2.0源代码中,我们可以看到以下关键知识点: 1. **组件系统**:EXT的核心在于其强大的组件模型,这些组件可以组合成复杂的用户界面。每个组件都有自己的属性、方法和事件,可以通过配置选项进行定制。 2. **...

    ext 包+教程

    在本教程中,我们将深入探讨EXT3文件系统的基本概念、特性、安装与管理方法,以及如何从提供的资源中学习EXT的相关知识。 一、EXT3文件系统基础 EXT3文件系统的主要特点包括: 1. **日志记录**:EXT3采用了日志式...

    ext培训文档doc

    以下是一些关键知识点: 1. **EXT组件模型**:EXT的核心是其组件模型,包括各种可复用的UI组件,如表格、表单、树形视图、面板、窗口等。这些组件都具有高度的可配置性和可扩展性,可以方便地组合和定制,以满足...

    ext-4.0.7压缩包

    以下是一些关键知识点: 1. **组件化设计**:EXT的核心是其组件模型,允许开发者通过组合各种预定义的UI组件来创建复杂的用户界面。这些组件包括表格、树视图、表单、面板、窗口等,每个组件都有独立的生命周期和...

    EXT JS 实例集合

    EXT JS 是一个强大的JavaScript库,专门用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。EXT JS 提供了丰富的组件、...在实际应用中,理解并熟练掌握这些知识点是构建高效、可维护的EXT JS应用程序的关键。

    ext 简单 进度条 伪进度条

    根据给定文件的信息,我们可以提炼出与“ext 简单 进度条 伪进度条”相关的知识点。下面将详细展开这些知识点。 ### 1. Ext JS 简介 Ext JS 是一个用于构建现代 Web 应用的前端框架。它提供了丰富的 UI 组件、数据...

    ext4magic源代码

    **描述中的知识点:** 1. **Linux数据恢复**:Linux系统虽然稳定可靠,但数据丢失的情况仍然可能发生,如误删除、文件系统损坏等。`ext4magic`正是针对这种情况提供解决方案的工具,它能帮助用户找回丢失的数据,...

    ext整理 ext整理 ext整理

    下面将详细讨论EXT的相关知识点。 一、EXT JS框架 EXT JS是一个基于JavaScript的开源框架,由Sencha公司开发。它的设计目标是为Web开发者提供一套完整的工具,用于创建功能丰富、用户界面美观的应用程序。EXT JS的...

Global site tag (gtag.js) - Google Analytics