Ext.BLANK_IMAGE_URL 的作用 原因 配置 使用 实例

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

 

最近在看Ext中jack的window导航式例时，看到一个细节，让我顿时明白了作者的这一做法的初衷。 作者在对一些需要应用图片或者图标的地方，都没有显式写明要应用的图标（片）路径， 而都是通过css来配置，许多应用图标的地方刚开始都Ext.BLANK_IMAGE_URL来替代， 而在css在加载之后就会替换到真实的图标路径 。 这一招就彻底解决了界面的换肤问题。 看个例子: 在desktop例子中，快捷方式图标的初始路径是指向空白的images/s.gif <dl id="x-shortcuts"> <dt id="grid-win-shortcut"> <a href="#" mce_href="#"> <img src="images/s.gif" mce_src="images/s.gif" /> <div>Grid Window</div> </a> </dt> </dl> 然后，在css中修改为： #grid-win-shortcut img { width:48px; height:48px; background-image: url(../images/grid48x48.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/grid48x48.png', sizingMethod='scale'); } 有些需要图标修饰的组件在动态创建时，图标的src一般都是指向Ext.BLANK_IMAGE_URL ， 然后呢，再在css指向特定的图标位置。 然后以后要换肤的话，直接替换css文件就可以了。 最后实践也证明，如果没有正确配置这个BLANK_IMAGE_URL， 可能在许多控件上显示不了css文件中定义的装饰图标。