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"
}
分享到:
相关推荐
开发过程中总结ExtJs3.1一些技巧.
ext是强大的js类库 它提供了丰富的,非常漂亮的外观体验,成为众多界面层开发人员的追捧!其核心的组件基本覆盖了我们构建富客户端的常用的组件。该文档超级详细,是学习ext的法宝!
JavaScript对象与继承教程之内置对象(下) JavaScript对象及继承教程(上) javascript正则表达式(一) javascript正则表达式(二) JavaScript的10种跨域共享方法 JavaScript类型总览 JavaScript获取文本框光标的像素...
不仅全面地阐述了ExtJS的基础知识,而且深入浅出地讲解了ExtJS开发中的高级技巧,同时还给出了大量专家级的建议。通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML...
不仅全面地阐述了ExtJS的基础知识,而且深入浅出地讲解了ExtJS开发中的高级技巧,同时还给出了大量专家级的建议。通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML...
Extjs4开发笔记,自己学习Extjs4的一些心得体会和小技巧
该系统结合struts+hibernate+spring使用四层架构设计, 采用extjs设计界面,实现用户登录及grid的搜索显示功能, 该系统没有完全开发完成, 实现了部分功能, 仅供参考者学习一些项目的设计思路和extjs的使用技巧....
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开发介绍和帮助,详细介绍了extjs的功能和开发技巧
ExtJS开发资料 公司内部培训使用 ExtJS的常用对象的介绍及其使用技巧 以及 在开放中常见问题及其解决方案
浅显易懂的Extjs的学习 归纳一些常用的开发技巧
资源名称:JavaScript凌厉开发:Ext JS 3详解与实践内容简介:本书详细介绍Ext JS框架体系结构,以及利用HTML/CSS/Javascript进行前端设计的方法和技巧。作者为Ext中文站站长领衔的三个国内Ext JS先锋,在开发...
extjs实用开发指南,该指南详细的介绍了ext开发技巧以及案例
注:ExtAspNet 基于一些开源程序,比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 开源网址:...
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 开发...
《Ext JS实用开发指南》有两大特点:第一,授人以鱼,根据Ext JS的构成体系全面系统地讲解了其开发方法与技巧,每个知识点都辅之以翔实的案例,同时包含大量最佳实践,适合系统学习和开发参考;第二,授人以渔,宏观...
ExtJs权威指南全套、中文、PDF、非扫描、高清电子书籍、全面讲解EXTJS的语法规则、开发方式和技巧
17.is 测试当前元素是否与传入的选择符相符一致。 复制代码 代码如下: var el = Ext.get('elId'); if (el.is('p.myCls')) { // 条件成立 } 18.findParent 定位于此节点,以此节点为起点,向外围搜索外层的父...
主要介绍了extjs4图表绘制之折线图实现方法,结合实例形式分析了extjs4绘制折线图的相关操作技巧、实现方法与相关注意事项,需要的朋友可以参考下