`
高级java工程师
  • 浏览: 408169 次
  • 性别: 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属性,分页工具栏不能分页内存中数据,所以第一次只取页面大小的数据。
分享到:
评论

相关推荐

    linux ext2 文件系统模拟 c语言实现

    Linux的EXT2(第二扩展文件系统)是早期广泛使用的文件系统之一,特别是在嵌入式系统和Linux服务器上。EXT2的C语言实现是一项技术性极强的任务,涉及到对操作系统底层机制的理解,包括文件系统的结构、inode、超级块...

    ext培训第二讲.doc

    #### 二、EXT的第一个程序——Hello World! **2.1 创建Hello World程序** - **新建文件夹**:在`webapp`目录下创建一个新的文件夹`lesson1`。 - **创建HTML文件**:在`lesson1`文件夹中创建一个名为`hello.html`的...

    ext2教程下载

    - **第1章**:介绍了如何从官方网站下载ext2相关的文档和示例代码。 - **1.1节**:解释了如何从官方网站获取ext2的发布包,包括源代码、API文档和示例。 - **1.2节**:详细描述了ext-1.1.1版本的文档内容及其使用...

    ext2.0中文手册

    **ext2**(第二扩展文件系统)是一种用于Linux操作系统的文件系统,它由**ext**(第一扩展文件系统)发展而来,旨在提供更好的性能和可靠性。与早期的**ext**相比,**ext2**引入了多种新特性,包括对长文件名的支持...

    Ext_Tree属性方法

    - **findChild(String attribute, Mixed value)**:查找具有指定属性和值的第一个子节点。 - **findChildBy(Function fn, [Object scope])**:查找满足条件的第一个子节点。 - **getDepth()**:获取当前节点的深度,...

    敏捷思维学习Ext.Net MVC源码--ExtNetMvcExample

    描述提到"敏捷思维学习Ext.Net MVC博客中所讲到的例子源码截止到第3.3节",意味着这个源码包包含了博主在教学过程中前3.3节内容的相关代码示例。这意味着我们可以期待看到一个逐步发展的项目结构,反映了从基础到...

    PyPI 官网下载 | holidays_ext-0.0.6-py3-none-any.whl

    如果你的项目中需要处理节假日相关的问题,例如计算两个日期之间的有效工作日,或者找出某个月份的所有节假日,那么“holidays_ext”库将是一个很好的工具。它的API设计可能包括获取特定国家的法定节假日,添加...

    鸟哥Linux私房菜

    15. **FHS(Filesystem Hierarchy Standard)**:在第一章第2.6节及第六章第3.1节中描述。FHS定义了Linux文件系统的标准布局。 16. **fsck**:在第八章第3.3节中提及。fsck命令用于检查并修复文件系统的错误。 ...

    第二节.zip

    【标题】:“第二节.zip”揭示了关于Spring框架的源代码查看知识 【描述】:“This is used to provide includes of viewing the source code of spring”表明这个压缩包内容是为用户提供查看Spring框架源代码的...

    GridPanel的小难点 第一节 每条数据后面跟随几个操作按钮

    在本节中,我们将深入探讨一个常见的前端开发问题,即如何在GridPanel中为每条数据添加多个操作按钮。GridPanel通常用于展示表格数据,并允许用户进行交互操作,如编辑、删除或执行其他业务逻辑。在Web应用中,特别...

    第四节 XXE漏洞利用 - 任意文件读取-01

    在开始学习XXE漏洞利用之前,我们需要了解基本的测试代码。下面是一个简单的PHP测试代码: ```php $xml=file_get_contents("php://input"); $data = simplexml_load_string($xml) ; echo "<pre>" ; print_r($data)...

    鸟哥linux私房菜

    - **GNU/GNUGPL**:GNU项目和GPL许可协议简介,详情见第一章1.3节和1.2节。 - **gpasswd**:添加或删除用户到组,详情见第十四章2.3节。 - **grep**:搜索文件内容,详情见第十一章6.1节和第十二章2.2节。 - **group...

    第三节:ExtJS调用WCF系列-----添加,修改,删除 - 小庄 - 博客园

    这是一个Ext框架,我对此框架很感兴趣。。。特别想了解一下。。。

    liferay_4_portlet_development_guide

    - **第1节:要求** - JDK 1.5.0 或 JDK 1.4.2:说明为何需要这两种JDK版本之一以及如何安装它们。 - Jikes 1.22 或 Jikes 1.21:介绍Jikes编译器的选择理由及其安装方法。 - Ant 1.6.5:解释Ant的作用并指导如何...

    JSF实战 JSF_In_Action_Ext.pdf

    - **UIInputDate 组件**:本节详细介绍了如何编写一个简单的日期输入组件(UIInputDate)。 - **编写 UIInputDate 类**:讲解了创建 UIInputDate 类的基本步骤,包括实现必要的接口和类。 - **编码**:介绍了如何...

    第十三节 磁盘列表和统计

    磁盘的性能优化也是重要一环,这可能涉及到选择合适的文件系统(如EXT4、NTFS、FAT32或NTFS)、调整文件系统的参数(如块大小、预读取设置)、使用RAID技术提高读写速度和容错能力,以及使用SSD固态硬盘提升整体系统...

Global site tag (gtag.js) - Google Analytics