Ext  在线实例扩展
扩展后展示效果 代码如下:Ext.define('Ext.chooser.IconBrowser', {
    extend: 'Ext.view.View',
    alias: 'widget.iconbrowser',
    uses: 'Ext.data.Store',
    singleSelect: true,
    overItemCls: 'x-view-over',
    itemSelector: 'li.thumb-wrap',
    tpl: [
            '<tpl for=".">',
'<div class="box">',
'<div class="box_title">{webpageName}</div>',
'<div class="box_list">',
' <ul>',
 '<tpl for="children">',
 '<li class="thumb-wrap">',
'<div class="thumb">',
(!Ext.isIE6? '<img src="{thumb}" />' : 
'<div style="width:74px;height:74px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'{thumb}\')"></div>'),
  '</div>',
   '<span>{name}</span>',
'</li>',
'</tpl>',
'</ul>',
    '</div>',
'</div>',
            '</tpl>'
    ],
 
    initComponent: function() {
       this.store = Ext.create('Ext.data.Store', {
            autoLoad: true,
            fields: [
{
name: 'children', 
type:[{ name: 'thumb', type: 'string'},{ name: 'url', type: 'string'},{ name: 'name', type: 'string'},{ name: 'type', type: 'string'}]
    },{
 name: 'webpageName', 
    type: 'string'
}],
proxy: {
type: 'ajax',
url : 'icons.txt',
reader: {
type: 'json',
root: ''
}
}
        });
        
        this.callParent(arguments);
        this.store.sort();
 
    }
});
模板部分用到了双重循环  当itemSelector设置的时候报错  导致图片无法选中  跪求高手解答...