28. extjs中Ext.BLANK_IMAGE

转自：https://blog.csdn.net/yiyuhanmeng/article/details/6960132

在使用ExtJS时，我们往往需要在使用之前加入这么一句：
Ext.BLANK_IMAGE_URL = "....."其中省略部分为s.gif在extjs包中的路径。

Ext.BLANK_IMAGE_URL='js/extjs/resources/images/default/s.gif';

那么ExtJS为什么要设置这样一个变量呢？如果我们不这样做会带来什么后果？
首先说后果：
如果没有以上那句代码，Ext会按照默认的地址：http://www.extjs.com/s.gif去下载这张图片，由于网络不通或者速度较慢等原因，可能导致这张图片加载不成功，造成页面上很多小白条。
设置这个变量的原因：
原来ExtJS中在创建组件的时候，组件中需要替换图标的地方，初始化时都是拿这个s.gif替代的，如果用户指定icon属性，它会将s.gif替换为icon的地址，说白了，s.gif就是一个占位的功能。
另外，如果看过ExtJS的源代码可能发现，它对于ie和air的默认实现是去url请求这张图片，而对于其它浏览器则直接使用图片解码，这是因为ie和air不支持图片解码。

----------------------------------------------------------------------------------------------------------

Ext.BLANK_IMAGE_URL

图片位置默认指向：
/resources/images/default/s.gif'

最近在看Ext中jack的window导航式例时，看到一个细节，让我顿时明白了作者的这一做法的初衷。
作者在对一些需要应用图片或者图标的地方，都没有显式写明要应用的图标（片）路径，
而都是通过css来配置，许多应用图标的地方刚开始都Ext.BLANK_IMAGE_URL来替代，
而在css在加载之后就会替换到真实的图标路径。
这一招就彻底解决了界面的换肤问题。

转载于:https://www.cnblogs.com/sharpest/p/7587429.html

28. extjs中Ext.BLANK_IMAGE_URL的作用相关推荐

extJS 中 ext.data 介绍
ext.data 最主要的功能是获取和组织数据结构,并和特定控件联系起来,于是,Ext.data成了数据的来源,负责显示数据. Ext.data在命名空间中定义了一系列store.reader和pro ...
ext-js 中 Ext.data.Model 的 phantom 属性的讨论
我使用的extjs版本是4.1.0 ,在Ext.data.Model中, 有一个属性叫phantom,平时不太用到,也没多注意,直到这2天我们team一个js专家遇到一个很棘手的问题,这才触发我去窥测 ...
extjs 提交表单给php,JavaScript_Extjs学习笔记之二初识Extjs之Form，Extjs中的表单组件是Ext.form.Basic - phpStudy...
Extjs学习笔记之二初识Extjs之Form Extjs中的表单组件是Ext.form.BasicForm,不过最简单最常用的是Ext.form.FormPanel控件,它继承自Panel,具有一 ...
关于extjs中动态添加TabPanel的tab项并以iframe显示的整理(转)
出处:http://blog.163.com/baihongtao_618/blog/static/1423479702012392948830/ 近来的项目中用到了Extjs 的TabPanel,这 ...
ExtJS中如何根据combobox的选值，动态地决定组件的显隐？
來源:http://www.javaeye.com/problems/3168 ExtJS所做的Form,需要根据combobox选择值,来决定后面所显示的组件.办法是动态地加在FormPanel中的 ...
extjs中元数据_Extjs中Store小总结
http://blog.csdn.net/without0815/article/details/7798170 1.什么是store? Store类似于一个本地仓库(即数据存储器),包括有 Arra ...
ExtJS中的maxLength
时至今日,ExtJS已然不再流行,基本上已经从前端的世界销声匿迹了.但不可否认的是它依然在诸多legacy代码中发挥着重要作用,一旦有了问题,同样让人难受.今天我们就来聊一个还算是一个比较常见的(至少 ...
第四课,Extjs中面板的应用
目标: 了解ExtJS中panel的组件在vs项目中应用panel组件扩展Extjs中panel功能介绍继承与panel的子组件及其应用内容: 面板包括5个部分:header,tbar,b ...
第六课,Extjs中常用表单介绍与应用
目标: 知道表单面板如何创建了解表单面板中xtype的类型的应用知道表单面板如何验证,绑定,取值综合应用表单面板(玩转它) 内容: 首先我们要理解的是FormPanel也是继承panel组件的. ...

28. extjs中Ext.BLANK_IMAGE_URL的作用

28. extjs中Ext.BLANK_IMAGE_URL的作用相关推荐

最新文章

热门文章