来者有分extjs初学者的问题,extjs布局时加载慢而且状态栏提示加载http://extjs.com/s.gif... 是什么原因????

[jingkunli]

代码如下:我是在ASP.NET的ASPX页面里测试的,好像有时间速度超慢,而且状态栏看得到加载http://extjs.com/s.gif...
大家说说看,是什么原因,在哪里修改?

<script type="text/javascript"> 
    Ext.onReady(function(){ 

        Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); 
        
      var viewport = new Ext.Viewport({ 
            layout:'border', 
            items:[ 
                new Ext.BoxComponent({ // raw 
                    region:'north', 
                    el: 'north', 
                    height:32 
                }),{ 
                    region:'south', 
                    contentEl: 'south', 
                    //html:' <p>A TabPanel component can be a region. </p>', 
                    split:true, 
                    height: 100, 
                    minSize: 100, 
                    maxSize: 200, 
                    collapsible: true, 
                    title:'South', 
                    margins:'0 0 0 0' 
                }, { 
                    region:'east', 
                    title: 'East Side', 
                    collapsible: true, 
                    split:true, 
                    width: 225, 
                    minSize: 175, 
                    maxSize: 400, 
                    layout:'fit', 
                    margins:'0 5 0 0', 
                    items: 
                        new Ext.TabPanel({ 
                            border:false, 
                            activeTab:1, 
                            tabPosition:'bottom', 
                            items:[{ 
                                html:' <p>A TabPanel component can be a region. </p>', 
                                title: 'A Tab', 
                                autoScroll:true 
                            }, 
                            new Ext.grid.PropertyGrid({ 
                                title: 'Property Grid', 
                                closable: true, 
                                source: { 
                                    "(name)": "Properties Grid", 
                                    "grouping": false, 
                                    "autoFitColumns": true, 
                                    "productionQuality": false, 
                                    "created": new Date(Date.parse('10/15/2006')), 
                                    "tested": false, 
                                    "version": .01, 
                                    "borderWidth": 1 
                                } 
                            })] 
                        }) 
                },{ 
                    region:'west', 
                    id:'west-panel', 
                    title:'West', 
                    split:true, 
                    width: 200, 
                    minSize: 175, 
                    maxSize: 400, 
                    collapsible: true, 
                    margins:'0 0 0 5', 
                    layout:'accordion', 
                    layoutConfig:{ 
                        animate:true 
                    }, 
                    items: [{ 
                        contentEl: 'west', 
                        title:'Navigation', 
                        border:false, 
                        iconCls:'nav' 
                    },{ 
                        title:'Settings', 
                        html:' <p>Some settings in here. </p>', 
                        border:false, 
                        iconCls:'settings' 
                    },{ 
                    //contentEl: 'testdiv', 
                        title:'Settings1', 
                        html:' <input onclick="alert(\'sfsdfds\');" type="button" value="test">', 
                        border:false, 
                        iconCls:'settings' 
                    } 
                    ] 
                }, 
                new Ext.TabPanel({ 
                    region:'center', 
                    deferredRender:false, 
                    activeTab:0, 
                    items:[{ 
                        contentEl:'center1', 
                        title: 'Close Me', 
                        closable:true, 
                        autoScroll:true 
                    },{ 
                        contentEl:'center2', 
                        title: 'Center Panel', 
                        autoScroll:true 
                    }] 
                }) 
            ] 
        }); 
        Ext.get("hideit").on('click', function() { 
          var w = Ext.getCmp('west-panel'); 
          w.collapsed ? w.expand() : w.collapse(); 
        }); 
    }); 
</script>

[艾思软件-app开发公司]

可读性实在不怎么强

[biggates_86]

s.gif 是 ExtJS 的空白图片，用来覆盖在TreeView等图片的上面。代码中不出现 s.gif 的原因就是这些图像代码被 ExtJS 硬编码了。
通过修改相应的模板JS文件可以将这些图片移到本地的版本中。
查询相应的CSS也可能会有发现。

有段时间没看ExtJS了，细节实现上可能有些错误。

[huwei12345]

加上这句
Ext.BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif';

找到路径就可以了，默认是 去 官方拉这图片的

[jingkunli]

楼主兄弟说得是对的,谢谢大家!!