`
123003473
  • 浏览: 1064447 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

转载:ext笔记

    博客分类:
  • EXT
阅读更多
1.ext事件封装在ext.lib.Event下。上一层还有ext.EventObject,它继续封装了ext.lib.Event。一般函数中function(e),这个e就是ext.EventObject对象。而且ext.EventObject还封装了鼠标和键盘的一些操作。
  
   2.element.on('click',fn,this,{single:true,delay:100,testId}).其中single表示第一次,delay延迟,testId是传入fn()的参数。在fn(e(ext.EventObject),el,args)中,可以通过args.testId得到传入的值。

   3.调用事件还可以object.fireEvent('fn');而Ext.util.Observable.capture(object,function()),可以为对象的事件设置拦截器。
  
   4,之所以封装事件,是因为浏览器的事件只能有一个句柄,若给一个elements定义了两个事件,则会覆盖

   5.layout:'fit'可以让内部pannel随着外部自动填充。否则又出现了什么都不显示。

   5.1 慎用系统提供的autoHeight和autoWidth属性。

   6.grid可以自动排列每列的宽度。viewConfig{forceFit:true}。
 
   7.grid.getSelectionModel().getSelections().会得到选择到的数据,以行为单位,作为数组返回。

   8.用grid左分页是时候注意传的几个参数,注意查看源码,记得sotre.load的顺序。

   9.ext.each(array,fn())可以遍历数组,fn()传入的参数为[当前数组项][当前索引][数组array]。
  
   10.e.preventDefault()去掉浏览器默认的鼠标右键事件。

   11.表单提交后,后台课根据request.getparameter('fieldname')得到相应元素的值。和struts的映射差不多。

   12.form的后台校验,会传回一个json字符串。客户端可以解析,例如{success:false,errors:{text1:'text1 wrong',text2:'text2 wrong'}},其中的text1和text2对应表单中的元素。客户端可以设置success和failure回调函数来处理结果。
  
   13,combox向后台提交的数据是text,可以用hiddenName得到相应的value。

   14.在form表单中,可以用form.getForm().load({url:'servlet|jsp'})来得到相应表单的数据,但是在form中要定义reader:JsonReader。表单数据的填充应该还是name属性来决定,虽然我没试过。

   13.store.load()可以传参。通过下面形式,store.load({params:{id:'value',name:'name'}}).这个id,后台还是可以同过request.getParameters('id')得到。

   14.对话框中有回调函数。Ext.MessageBox.show({config}).

   15.'fit'的layout中items只能放一个子组件,即使放多个,也只会显示第一个。而且aotuHeight属性页不能和fit一起使用。

   16.'border'布局方式中,分为东西南北中五个region,其中center是自动计算大小的。而'south','north'只能设置高度,'west','east'只能设置宽度。

   17,一个页面中只能有一个viewport。
  
   18,'border'排版中,'north'的高度不能用百分比,我觉得很奇怪,每次我百分比就显示不出来。

   19,json数据中{totalProperty:'name',rootName:[]}的一般格式

   20,得到grid选择列数据的小例子
                xtype: 'grid',
                ds: ds,
                cm: colModel,
                sm: new Ext.grid.RowSelectionModel({
                    singleSelect: true,
                    listeners: {
                        rowselect: function(sm, row, rec) {
                            Ext.getCmp("company-form").getForm().loadRecord(rec);
                        }
                    }

   21, ajaxRequest的success和failure表示请求传送失败和成功,不表示后台的处理结果。而form的提交函数中的success何failure和后台的处理结果相关。后台的数据传送方式为response.getWriter.write("{success:true,info:'success info'}")或者是response.getWriter.write("{success:false,error:'failure info'}").

   22,用apply(a,b),将b中的属性复制到a中。并且会覆盖b中原来的属性。若是用applyIf()则不会覆盖。

   23.record中的修改要用record.set('name',newvalue).然后可以选择对修改进行commit或是reject。

   24.使用pagingtoolbar之后,grid的store必须在grid初始化之后load。否则分页工具栏不起作用。分页工具栏的数量总条目来自json的totalProperty属性,分页工具栏不能分页内存中数据,所以第一次只取页面大小的数据。

转载:http://www.iteye.com/topic/492033
分享到:
评论

相关推荐

    ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记

    ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记...

    快意编程EXT JS Web开发技术详解.part3

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    快意编程:Ext JS Web开发技术详解

    《快意编程:Ext JS Web开发技术详解》是一本深入探讨Ext JS的著作,适合初学者及有一定基础的开发者。Ext JS是一个强大的JavaScript框架,专为构建富客户端Web应用程序而设计,它提供了一系列丰富的组件和工具,...

    js doc 工具推荐及使用(二):ext-doc

    本文将深入探讨“ext-doc”这一特定的JS文档工具,它是一款用于生成ExtJS框架代码文档的强大工具。 一、ext-doc简介 ext-doc是专为ExtJS框架设计的文档生成工具,它能够解析源代码中的JSDoc注释,并自动生成易于...

    JavaScript凌厉开发:Ext详解与实践(下).pdf

    JavaScript凌厉开发:Ext详解与实践(下).pdf

    EXT安装包4.2.1-1

    EXT4.2.1是一个广泛使用的JavaScript框架,主要用于构建用户界面和富互联网应用程序(RIAs)。这个安装包可能包含了EXT的各个组件、示例、文档和必要的库文件,以帮助开发者快速搭建功能丰富的Web应用。 EXT的核心...

    修复Linux异常自动重启问题

    这几天训网络最困扰我的问题就是服务器...EXT4-fs error (device sda1): ext4_lookup:1593: inode #6004222: comm trash-expunge: deleted inode referenced: 6004301 类似这样的错误,看样子是sda1磁盘文件系统的问题

    ext学习资料 20篇详细学习笔记 初学者ext学习的文档

    这份"ext学习资料 20篇详细学习笔记 初学者ext学习的文档"是针对EXT初学者的一份宝贵资源,旨在帮助初学者快速入门EXT开发。 EXT的学习通常包括以下几个核心部分: 1. **EXT基础**:首先,你需要了解EXT的基本概念...

    转:Ext Designer 可视化设计器及汉化全攻略

    这篇博客文章主要探讨了Ext Designer,这是一个强大的JavaScript用户界面设计工具,它允许开发者通过可视化的界面来构建复杂的Ext JS应用。Ext Designer提供了拖放式的设计界面,大大简化了前端开发流程,特别是对于...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    ExtJS-3.4.0系列:Ext.TabPanel

    在本文中,我们将深入探讨ExtJS中的`Ext.TabPanel`组件,它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们...

    十分有用有帮助的EXT学习笔记

    以下是对EXT学习笔记中涉及的关键知识点的详细说明: 1. **EXT Form**: EXT中的表单组件是构建用户交互界面的重要部分。它们允许用户输入数据并将其提交到服务器。EXT Form支持多种字段类型,如文本框、选择框、...

    摘录:Ext Js 简单入门(淡入淡出、波纹效果)

    Ext Js 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件系统、数据绑定、动画效果以及强大的API,使得开发人员能够创建功能丰富的、交互式的用户界面。在"摘录:Ext Js 简单入门...

    org.restlet.ext.slf4j.jar

    org.restlet.ext.slf4j.jar

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

    EXT是一个流行的JavaScript库,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件模型,优雅的数据绑定,以及高效的图形渲染能力。EXT 2.0是EXT库的一个早期版本,它包含了一系列用于构建用户界面的组件和...

    ext培训文档doc

    EXT,全称EXT JS,是一款基于JavaScript的开源前端框架,主要用来构建富互联网应用程序(Rich Internet Applications,简称RIA)。EXT的出现,极大地丰富了Web页面的交互性和用户体验,提供了丰富的组件库,使得...

    ext-4.0.7压缩包

    EXT 4.0.7 是一个历史悠久且广泛使用的前端JavaScript框架,主要被用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。EXT库以其强大的组件化系统、丰富的UI控件和高度可定制性著称,为开发者提供了...

    ext-2.1资源包

    EXT,全称EXT JS,是一种基于JavaScript的开源前端框架,专为构建富互联网应用程序(Rich Internet Applications,简称RIA)而设计。EXT 2.1是该框架的一个版本,发布于2007年,它提供了丰富的组件库和强大的数据...

    Ext 官方的完整Demo

    Ext是一个流行的JavaScript库,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件模型,包括数据绑定、布局管理、可拖放支持以及对各种用户界面元素的精细控制。在"Ext 官方的完整Demo"中,我们可以找到一...

Global site tag (gtag.js) - Google Analytics