`
shixy
  • 浏览: 141219 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ExtJs 的一些技巧与问题

阅读更多
1.修改列表(grid)里store的加载url
grid.getStore().proxy.conn.url = "xxx.jsp";   
grid.getStore().reload(); 

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

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

5.获得iframe的方法
var ifr_window = window.frames["name/id"];  

6.制作表单的时候,经常form组件显示不出来或不正常其中有两个原因
id冲突,这个问题经常由重用引起的
布局,form组件只有在'form'布局才显示正常,应添加layout:'form'
7.Ext.WindowGroup 负责把 window 归入一组,方便管理;
var wgroup = new Ext.WindowGroup();   
 var win=new Ext.Window({   
      title:"窗口"       
      width:400,   
      height:300,   
      manager:wgroup});        
//接下来就可以利用wgroup对这一组window进行操作啦!如   
1、隐藏全部window   
wgroup.hideAll();  

8.Js 两个定时器
//将执行一次Expression   
setTimeout(Expression,DelayTime)   
//每隔DelayTime,执行一次   
setInterval(expression,delayTime) 

9.早上想找一个刷新树的方法,找了TreePanel,TreeLoader都没找到,
结果发现只有根结点才有reload方法!
10.今天测试了一下,Ext除了用html显示图片外还可以用 下面的autoCreate方式在form里显示,代码如下:

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

分享到:
评论

相关推荐

    ExtJs高级技巧

    开发过程中总结ExtJs3.1一些技巧.

    ExtJS入门教程 超级详细

    ext是强大的js类库 它提供了丰富的,非常漂亮的外观体验,成为众多界面层开发人员的追捧!其核心的组件基本覆盖了我们构建富客户端的常用的组件。该文档超级详细,是学习ext的法宝!

    ExtJS4中文教程2 开发笔记 chm

    JavaScript对象与继承教程之内置对象(下) JavaScript对象及继承教程(上) javascript正则表达式(一) javascript正则表达式(二) JavaScript的10种跨域共享方法 JavaScript类型总览 JavaScript获取文本框光标的像素...

    深入浅出ExtJS PDF 扫描版

    不仅全面地阐述了ExtJS的基础知识,而且深入浅出地讲解了ExtJS开发中的高级技巧,同时还给出了大量专家级的建议。通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML...

    深入浅出ExtJS学习PDF 文档下载

    不仅全面地阐述了ExtJS的基础知识,而且深入浅出地讲解了ExtJS开发中的高级技巧,同时还给出了大量专家级的建议。通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML...

    Extjs4开发笔记(收集整理).pdf

    Extjs4开发笔记,自己学习Extjs4的一些心得体会和小技巧

    ssh+extjs设计的订单管理系统

    该系统结合struts+hibernate+spring使用四层架构设计, 采用extjs设计界面,实现用户登录及grid的搜索显示功能, 该系统没有完全开发完成, 实现了部分功能, 仅供参考者学习一些项目的设计思路和extjs的使用技巧....

    精通JS脚本之ExtJS框架.part2.rar

    3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发...

    ExtJs获取表单元素的值

    通过多级的代码来获取组件当中表单元素值的一些技巧

    ajax框架extjs开发指南

    extjs开发介绍和帮助,详细介绍了extjs的功能和开发技巧

    ExtJS 开发

    ExtJS开发资料 公司内部培训使用 ExtJS的常用对象的介绍及其使用技巧 以及 在开放中常见问题及其解决方案

    EXTJS学习笔记

    浅显易懂的Extjs的学习 归纳一些常用的开发技巧

    JavaScript凌厉开发:ExtJS3详解与实践

    资源名称:JavaScript凌厉开发:Ext JS 3详解与实践内容简介:本书详细介绍Ext JS框架体系结构,以及利用HTML/CSS/Javascript进行前端设计的方法和技巧。作者为Ext中文站站长领衔的三个国内Ext JS先锋,在开发...

    extjs实用开发指南

    extjs实用开发指南,该指南详细的介绍了ext开发技巧以及案例

    基于Extjs的开源控件库ExtAspNet

    注:ExtAspNet 基于一些开源程序,比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 开源网址:...

    精通JS脚本之ExtJS框架.part1.rar

    3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发...

    Extjs实用开发指南

    《Ext JS实用开发指南》有两大特点:第一,授人以鱼,根据Ext JS的构成体系全面系统地讲解了其开发方法与技巧,每个知识点都辅之以翔实的案例,同时包含大量最佳实践,适合系统学习和开发参考;第二,授人以渔,宏观...

    Ext Js权威指南全套(1-3)

    ExtJs权威指南全套、中文、PDF、非扫描、高清电子书籍、全面讲解EXTJS的语法规则、开发方式和技巧

    EXTJS总结.txt

    17.is 测试当前元素是否与传入的选择符相符一致。 复制代码 代码如下: var el = Ext.get('elId'); if (el.is('p.myCls')) { // 条件成立 } 18.findParent 定位于此节点,以此节点为起点,向外围搜索外层的父...

    extjs4图表绘制之折线图实现方法分析

    主要介绍了extjs4图表绘制之折线图实现方法,结合实例形式分析了extjs4绘制折线图的相关操作技巧、实现方法与相关注意事项,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics