以下是学习过程中记下来的一些小技巧,一定会有错,不保证全对,因为我也刚接触,只是将我的经验列一下.
1) 如果组件之间嵌套比较多的话,外面的Contaner 应尽量不要使用的 renderTo的属性来加载到某个div的id中,
应尽量在定义了Contaner后,用obj.render('id') 这个方面来加载组件,可以减少错误
2) 最好在最外层的Contaner组件(不是页面html,是extjs组件)定义with,不用定义height,
然后里面的一些组件比如panel等可以定义autoWidth: true, autoHeight: true, 就可以使用整个显示自动适应了。
3) 要用到鼠标移上后出现提示框的都要先执行这句 Ext.QuickTips.init();
4) 注意 Ext.onReady 的使用
5) 如果有全局函数或全局的属性,不要放到onReady里面,即使只有onReady里面的对象调用了某个function,
不然会提示函数未定义,在onReady外定义全局函数,如果函数用到某个对象,可以用Ext.getCmp来取得ExtComponent,
同样的,即使是全局变量也一样,如果有iframe要调用parent中的变量,那更加要注意,这个变量只能定义在onReady外面,
而且该变量的赋值不能在onReady的结束处用getCmp等来赋值,要在某个具体的动作才赋值,比如按纽点击等。
6) 如果TabPanel有tab是用html:
'<iframe src=' 来载入页面,但是要在iframe的页面中关闭TabPanel中的某一个tab,可以使用如下的方法实现TabPanel所以页面,
定义一个全局变量 var tabPanel = null; 然后在 Ext.onReady 中给这个 变量赋值,那么在iframe页面就可以通过
parent.tabPanel来取得这个变量了,然后再调用 tabPanel.remove('')就可以删除TabPanel中的某一个tab
7)
Ext.get( 'htmlId' ); // 和document.getElementById('');不一样,返回的是Element Ext.get( 'htmlId' ).dom; // 和document.getElementById('');一样,返回的是HTMLElement Ext.getCmp( 'cmpId' ); // 返回的是 Ext.Component Ext.isEmpty( Mixed value ); // 判断是否是空,包括空字符串 Ext.num( Mixed value, Number defaultValue ); // 判断是否是数字,不是就返回defaultValue Ext.id( [Mixed el], [String prefix] ); // 生成一个唯一的id,// 包 Ext.util.Format , 包括多种的格式化函数
8)render();
// 空参数,可以使组件的子组件,或包含的panel等复位,不包括孙组件
// 比如viewport中的panel拖放后,调用后,panel会回到原来的地方
9)bodyStyle: 'width:100%',viewConfig: { forceFit: true }, // 如果grid的column指定了width的值,最好使用这个强制宽度layout: 'fit',iconCls: '', //用这个可以控制panel的title与左边框的距离
10)用layout:'table'时记住要指明一下
layoutConfig: { // The total column count must be specified here
columns: 3 },
11)使panel自动适应面板的方法首先定义一个
viewPort( {layout: 'border', items: []} ),
然后在items中添加一个panel( {region: 'center', layout: 'fit', items:[]} ),
然后再在panel的items中添加一个gridPanel( {autoHeight: true, layout: 'fit'} ),
这样就可以了以下这个代码是非ViewPort使Panel自适应代码:
var panel = new Ext.Panel({ id: 'subpanel', layout: 'column', frame: true, layoutConfig: { columns: 2 }, items: [ { columnWidth: .5, layout: 'fit', items: [ tabpanel ] }, //tabpanel中不要指定width,但可以autoHeight: true, 但不能autoWidth: true, { columnWidth: .5, layout: 'fit', html:'<img id="imgpic" src="" style="width: 160px; height: 80px;" />' } ] });
12){contentEl:'tab1', title:'Tab 1'},
// contentEl 一般是页面中有一个div,id为tab1, 那么当前的panel会自动将该div做为子元素纳入管理
相关推荐
常用技巧,比如按钮向左向右靠齐,chekbox设置选择方式为多选单选,等等。
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 ...
每一项都是js中的小技巧,但十分的实用! JS中的使用技巧
15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例:商品信息管理系统 16.1 商品信息管理系统功能介绍 16.2 数据库设计和实现 16.2.1 数据库概念...
1. 返回文件扩展名 function getformat($file) { $ext=strrchr($file,”.”); $format=strtolower($ext); return $format; } 2.格式化变量 <? $num = 1; printf(“d”, $num); ?> 3.php重定向网页 // 例如...
1.Ext.get var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight Design ...
15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例:商品信息管理系统 16.1 商品信息管理系统功能介绍 16.2 数据库设计和实现 16.2.1 数据库概念...
ExtJs权威指南全套、中文、PDF、非扫描、高清电子书籍、全面讲解EXTJS的语法规则、开发方式和技巧
287 如何使用AFX EXT CLASS导出类? 288 如何使用declspec(dllexport)导出DLL函数? 第15章 程序版权信息 289 如何查询程序说明? 290 如何查询程序开发商? 291 如何查询程序内部名称? 292 如何查询程序产品名称? 293 ...
实现了我的一个梦想,以一种真正有用且令人愉快的方式来练习死记硬背的乐理技巧。 这些是最重要的技能,并且确实是更高水平的音乐表演、作曲和欣赏的障碍。 该游戏对于已经有一点音乐知识基础但想要提高技能的人最...
Dojo是一个非常强大的、面向对象的、开源的JavaScript工具箱,它为开发富客户端Ajax应用提供了一套完整的小部件和一些特效操作。曾经有人这样说:“对于一个Web开发者而言,如果没有Dojo,他将是一个“残废”的...
本文实例总结了Android TextView高级显示技巧。分享给大家供大家参考,具体如下: 1. 自定义字体 可以使用setTypeface(Typeface)方法来设置文本框内文本的字体,而Android的 Typeface又使用TTF字体文件来设置字体 ...
第6章 ext3文件系统反删除利器ext3grep 6.1 “rm–rf”带来的困惑 6.2 ext3grep的安装与使用 6.2.1 ext3grep的恢复原理 6.2.2 ext3grep的安装过程 6.3 通过ext3grep恢复误删除的文件与目录 6.3.1 数据...
1.Sublime用的比较多的版本是Text2和Text3,这些网上都可以下载到,汉化的也是有的,小编使用的是Text3中文版,安装好后,右击想要打开的各种格式(html,js,xml,txt)等都可以快速打开 2.技巧一:快速注释 选择...
所以只要为Textbox控件加上如下的一小句CSS就可以了,即是“border:0px”,最后效果如图2: ②、大家在做Web开发时,不知道大家有没有发现,当将Textbox控件的TextMode = “MultiLine”,其实MaxLength已经失效...
6.7.4 在ext文件系统中恢复超级块和信息结点表 146 6.8 更多案例 150 6.9 小结 153 第7章 设备故障与置换 154 7.1 支持的设备 154 7.2 到哪里寻找错误 156 7.3 确定故障设备 158 7.4 故障设备的置换...
使用“ ”中的技巧,使用全局调色板和抖动可以改善输出质量。 使用覆盖在图像上的透明PNG添加字幕,这些透明PNG由该存储库中的脚本动态创建。 然后使用减小文件大小。 使用TOML指定GIF 每个GIF在TOML中进行了...
"实验题目 "简易写字板软件设计 " "一、实验目的 " "通过编写Java的应用系统综合实例——简易写字板软件,总结、回顾和实践面向 " "对象的编程思想以及编程方法,并通过编写程序来掌握Java语言编程技巧,将 " "学习...
举例而言,如要挂载下列5个设备,其执行指令可能如下 (假设都是Linux的ext2系统,如果是Windows XX请将ext2改成vfat): 软盘 ===>mount -t ext2 /dev/fd0 /mnt/floppy cdrom ===>mount -t iso9660 /dev/hdc /mnt/...
7.4.2. 使你的数据尽可能小 7.4.3. 列索引 7.4.4. 多列索引 7.4.5. MySQL如何使用索引 http://doc.mysql.cn/mysql5/refman-5.1-zh.html-chapter/(第 7/24 页)2006-11-02 19:12:13 MySQL 5.1 Reference Manual ...