在使用ExtJS时,我们往往需要在使用之前加入这么一句:
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL = '/images/s.gif';
....
Ext.BLANK_IMAGE_URL = "....."其中省略部分为s.gif在extjs包中的路径。
那么ExtJS为什么要设置这样一个变量呢?如果我们不这样做会带来什么后果?
首先说后果:
如果没有以上那句代码,Ext会按照默认的地址:http://www.extjs.com/s.gif去下载这张图片,由于网络不通或者速度较慢等原因,可能导致这张图片加载不成功,造成页面上很多小白条。
设置这个变量的原因:
原来ExtJS中在创建组件的时候,组件中需要替换图标的地方,初始化时都是拿这个s.gif替代的,如果用户指定icon属性,它会将s.gif替换为icon的地址,说白了,s.gif就是一个占位的功能。
另外,如果看过ExtJS的源代码可能发现,它对于ie和air的默认实现是去url请求这张图片,而对于其它浏览器则直接使用图片解码,这是因为ie和air不支持图片解码。
源码如下:
Java代码
BLANK_IMAGE_URL : Ext.isIE6 || Ext.isIE7 || Ext.isAir ?
'http:/' + '/www.extjs.com/s.gif' :
'data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='
分享到:
相关推荐
ExtJs框架系列之图片批量显示,上传,删除.rarExtJs框架系列之图片批量显示,上传,删除.rar
Ext3.2中文API, BLANK_IMAGE_URL : 图片路径:一张1×1的透明图片,Ext使用它来和CSS一起创建内嵌的图标。
ExtJs+4.1.0_API[中文版]
ExtJS_3.0_Class Diagram
ExtJs_Viewport_ExampleExtJs_Viewport_Example
extjs_4.1.0_community_extjs4-mvc-complex-dashboard
ExtJs_servlet_JDBC 做的增删查改 学习ExtJs
ExtJs_Wcf_Linq_PageGrid, zip format
Extjs_Tree_JSON_ _Struts2_例子
在tapestry中应用extjs的兼容代码
extjs_cook_book_Code.zip
extjs简明教程_中文手册,学习extjs绝对好资料。
EXTJS+ASP开发通讯录程序,作为学习EXTJST学习实例
EXTJS+PHP bs小型房屋管理系统
ExtJS_OA_System.rar是一个用ExtJs写的一个系统!! 可以参考!!
ExtJS_4_官方指南:MVC架构_简体中文版归纳.pdf
Extjs精华版图书管理系统功能比较强大。该源码 图书管理系统功能实现不是重点,重点是演示对Extjs二次封装使用,进行深入学习。 比较适合对Extjs的学习和进阶以及商业应用,有需要的朋友们不要错过啊。模式:WebForm...
基于EXTJS+PHP开发的单用户博客系统,值得借签
java web ssh+oracle+extjs4框架编写的简单实例,主要包含表格,新增添加删除
ExtJS后台框架_Demo,只写了一部份,可供学习人员查看并完善!