`

[ExtJS3.2源码每天一小时]ExtJS中BLANK_IMAGE_URL的由来(十三)

阅读更多

在使用ExtJS时,我们往往需要在使用之前加入这么一句:
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不支持图片解码。

源码如下:
 BLANK_IMAGE_URL : Ext.isIE6 || Ext.isIE7 || Ext.isAir ?
 'http:/' + '/www.extjs.com/s.gif' :
 'data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='

分享到:
评论

相关推荐

    extjs3.2api中文

    Ext3.2中文API, BLANK_IMAGE_URL : 图片路径:一张1×1的透明图片,Ext使用它来和CSS一起创建内嵌的图标。

    ExtJS3.2正式版

    ExtJS3.2正式版 货真价实 ExtJS3.2正式版

    ExtJS 3.2 聊天室程序(类Q_Q群)

    ExtJS 3.2 聊天室程序(类Q_Q群)

    ExtJs3.2+中文API

    ExtJs3.2+中文API 便于开发查找API 很方便

    ExtJs 3.2 中文API帮助文档

    ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。功能丰富,无人能出其右。无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 ExtJs 3.2 中文API帮助文档,CHM离线的,希望对...

    extjs3.2资源压缩包

    extjs3.2 js+jsp实现功能,美化页面展现效果,方便快捷,

    ExtJs3.2官方原版

    这是官方原生态的ExtJs3.2版本,由于官方都是英文,可能有很多人不会下载,在这边就直接给出了。

    extjs3.2 中文API 完整版

    网络上流传很多exjs 中文API,都神马东西,下载都没用。现在鄙人从脚本娃娃群分享的完整API上传分享给大家!

    ExtJS3.2的各种例子

    我收集了各种ExtJS的例子,有3.2还有2.5,还有所有“掏钱学ExtJS”的例子,绝对物超所值。

    ExtJS3.2列布局

    Ext3.2的列布局,排列方式,适用于form表单中一行几列的排序方式

    Extjs3.2中文帮助手册

    Extjs 中文版 离线帮助手册,开发Extjs必备参考手册~~~

    ExtJS3.2中文API与示例

    Ext3.2中文API及代码示例,经典的API翻译,丰富的代码示例 就在这里等着你下!

    EXTJS3.2-3.3中文API和包

    EXTJS3.3中文API和包EXTJS3.3中文API和包EXTJS3.3中文API和包EXTJS3.3中文API和包

    extjs-3.4和3.2版本和spket插件

    1.提供了extjs-3.2及extjs-3.4的离线包 2.提供了spket的eclipse插件包,plugins和features放入eclipse对应的目录中,启动eclipse即可 3.离线包中包含了ext.jsb2文件,可在eclipse的spket中进行相应的配置,方便开发...

    ExtJS3.2资源包

    ExtJs3.2的资源包,需要的朋友可以下载

    extjs3.2中文API文档

    这是一个extjs3.2的中文API文档,可以用于学习。

    安装Extjs的插件spket,extjs3.2版.doc

    转-eclipse下安装Extjs的插件spket,extjs3.2版 转自:http://xiehx163.blog.163.com/blog/static/6146679620097281113653/ 最近项目要用ext进行开发,所以这段时间开始学习ext. 我这里用的是ext3.2,eclipse3.5。 每...

    ExtJS 3.2的中文参考手册

    学习ExtJS 3.2的最好入门教程,pdf文件格式,无论是新手,还是想学习Ext的人,本文档都适合于你。

    ext 3.2源码

    方便ext js开发人员更深的理解其底层实现方式。

Global site tag (gtag.js) - Google Analytics