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

Ext经验总结,应用别人的

阅读更多
引用自:本声明http://lenspe.blogbus.com/logs/41121088.html

修改列表(grid)里store的加载url

Java代码
grid.getStore().proxy.conn.url = "xxx.jsp"; 
grid.getStore().reload(); 
  
Ext.data.Store里baseParams与Store.load({params:{}})的区别:
     baseParams里的参数是一直存在的,而params里的参数,只有load时
     才会传递过去,当调用reload时参数就不存在了
使Window以页面的相对大小显示
Java代码
height: document.body.clientHeight * xx% 
width: document.body.clientWidth * xx% 

Ext.FormPanel load(自动加载) 时的json格式

    {data:[{a:'a'},{b:'b'}]},其中data是规定的,不能更改名称
    假如不为data的话,比如{root:[{a:'a'},{b:'b'}]},那么form
    是自动加载不进去的,这时你需要在Ext.FormPanel里添加
    reader属性,如:
    Java代码
    reader: new Ext.data.JsonReader({ 
               totalProperty: 'totalProperty', 
               root: 'root' 
            },[ 
               {name:'a'}, 
               {name:'b'} 
            ]) 
    这样做的好处是可以手动选择想加载的字段! 


获得iframe的方法
Java代码
var ifr_window = window.frames["name/id"];   
制作表单的时候,经常form组件显示不出来或不正常其中有两个原因
id冲突,这个问题经常由重用引起的
布局,form组件只有在'form'布局才显示正常,应添加layout:'form'
Ext.WindowGroup 负责把 window 归入一组,方便管理;
Java代码
var wgroup = new Ext.WindowGroup(); 
var win=new Ext.Window({ 
      title:"窗口"     
      width:400, 
      height:300, 
      manager:wgroup});      
//接下来就可以利用wgroup对这一组window进行操作啦!如 
1、隐藏全部window 
wgroup.hideAll(); 
Js 两个定时器
Java代码
//将执行一次Expression 
setTimeout(Expression,DelayTime) 
//每隔DelayTime,执行一次 
setInterval(expression,delayTime) 
早上想找一个刷新树的方法,
找了TreePanel,TreeLoader都没找到,
结果发现只有根结点才有reload方法!
今天测试了一下,Ext除了用html显示图片外还可以用
    下面的autoCreate方式在form里显示,代码如下:
Java代码

fieldLabel: '海报', 
autoCreate:{ 
     tag: "input", 
     type: "image", 
     src: "images/add.gif", 
     width: 150, 
     height: 200, 
     autocomplete: "off" 

Ext 自定义事件三步曲

    添加事件addEvents(str)
    Java代码
    this.addEvents('eventName'); 
    添加事件监听器addListener(eventName,fn,scope);
    Java代码
    this.on('eventName',this.fn,scope); 
    激发事件fireEvent(eventName,args...)
    Java代码
    this.fireEvent('eventName',arg0,arg1,...); 
    /*
    *----------------------------------------
    *添加事件监听器里的执行的方法this.fn里的参数就是
    *由激发事件时提供的,如agr0,agr1,...
    *-----------------------------------------
    */ 


Ext reset() 方法刷新时,无法刷新inputType:file的值的解决方法:
不要使用ext Form的刷新方法:
Java代码
FormPanel.form.reset() 

而是换成使用Dom的刷新方法:
Java代码
FormPanel.form.getEl().dom.reset();
分享到:
评论

相关推荐

    ext grid tree 应用

    在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...

    ext2.0官方文档(chm),Ext 2.0 简明教程,Ext2经典应用

    从官方文档深入到实践教程,再到具体的应用示例,无论是初学者还是有经验的开发者,都能从中受益匪浅。通过深入学习和实践,你将能够利用Ext 2.0的强大功能构建出功能丰富、响应迅速的Web应用。

    Ext简介及应用案例 ppt

    Ext是一个强大的JavaScript库,特别设计用于构建富互联网应用程序(RIA)。它基于Ajax技术,提供丰富的用户界面组件和高度可定制的界面元素。Ext的核心特点包括遵循W3C标准,拥有庞大的组件模型,允许开发者创建复杂...

    Ext性能优化总结

    ### Ext性能优化总结 在多年的Ext项目开发过程中,积累了丰富的经验与技巧,下面将这些关键的知识点进行详细的阐述,希望能为同行提供有价值的参考。 #### 一、架构优化:One Page One Application模式 在传统的...

    EXT.NET网站应用程序开发教程英文版

    EXT.NET是一种基于.NET Framework的JavaScript库,用于构建高性能、交互式的网页应用。它结合了Ext JS的用户界面组件和.NET的服务器端功能,为开发者提供了一种高效且强大的开发工具。本教程“EXT.NET Web应用程序...

    Ext.NET Web应用程序开发教程

    ### Ext.NET Web应用程序开发教程知识点概述 #### 一、Ext.NET简介 - **定义与特点**:Ext.NET是一个用于构建富互联网应用(RIA)的强大框架,它基于Microsoft .NET平台,利用了Ext JS JavaScript库的强大功能。Ext...

    Ext中CKEditor应用事例

    本篇文章将深入探讨如何在Ext(一个基于JavaScript的组件库)中集成并应用CKEditor。 CKEditor是一款JavaScript实现的WYSIWYG(所见即所得)编辑器,它提供了丰富的API和插件支持,使得开发者能够自定义编辑器的...

    javascript的ext综合应用,Ext js 资源大全

    无论是初学者还是有经验的开发者,都可以从中找到适合自己的案例和示例,提升Ext JS的应用水平。通过深入研究这些示例,我们可以更好地理解如何将Ext JS与不同的技术栈(如Java、WordPress)整合,以及如何利用其...

    Ext 4.0 OA应用

    Ext 4.0是Sencha公司推出的一个JavaScript框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、树形视图、图表、菜单等,使得开发者能够创建功能强大、用户界面友好的Web应用。在"Ext 4.0 ...

    Ext常用属性总结

    本文将深入探讨"Ext常用属性总结"这一主题,帮助开发者更好地理解和利用ExtJS的特性。 首先,让我们了解几个基本的ExtJS概念。`Ext.Component`是所有UI组件的基础类,它拥有众多属性来控制组件的行为、外观和交互。...

    Ext 学习总结 pdf版

    综上所述,文档涵盖了Ext JS框架的核心知识点,从基本概念到具体应用都有详细的阐述,这对于初学者和有一定经验的开发者来说都是非常有价值的资源。通过学习这些内容,开发者可以更好地掌握Ext JS,并将其应用于实际...

    EXT中文EXT中文EXT中文EXT中文EXT中文

    EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...

    ext学习总结.rar

    ext学习总结 这对初学者很有帮助

    EXT中文手册,EXT的详细应用

    EXT中文手册,如何使用EXT架构,清楚明白讲解,EXT的具体应用

    Ext常用属性总结.doc

    ### Ext常用属性总结 在开发基于Ext JS框架的应用程序时,了解并熟练掌握其核心组件的属性是非常重要的。本文将详细介绍Ext JS中常用的属性及其应用场景,帮助开发者更好地编写高效、可维护的代码。 #### 一、Ext ...

    Ext2.02的一些总结

    标题 "Ext2.02的一些总结" 暗示了我们即将探讨的是关于Ext JS库的一个特定版本,即2.02,这是一个广泛使用的JavaScript框架,用于构建富客户端Web应用程序。Ext JS提供了丰富的用户界面组件和强大的数据管理功能。在...

    ext extext extext extext extext extext extext extext ext

    asdext extext extext extext extext extext extext extext extext extext extext extext extext extext ext

    基于DWR与EXT的Ajax应用研究与实现.pdf

    基于DWR与EXT的Ajax应用研究与实现 Ajax技术是Web 2.0时代的核心技术之一,它使Web页面不需要刷新就可以动态更新,从而节省了网络带宽,减轻了服务器的负担,使用户得到更好的体验。但是,Ajax技术也存在一些问题,...

    ext 技术总结

    ext 技术总结

    ext3.0ext3.0ext3.0

    【标题】: "ext3.0ext3.0ext3.0" 指的是Linux文件系统中的EXT3(Third Extended File System),这是一个稳定且广泛使用的日志文件系统,最初由Rik Faith开发,用于替代早期的EXT2系统。EXT3在1990年代末期推出,它...

Global site tag (gtag.js) - Google Analytics