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设置的时候报错 导致图片无法选中 跪求高手解答...
扩展后展示效果 代码如下: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设置的时候报错 导致图片无法选中 跪求高手解答...
高手 高手在哪里????
高手 高手在哪里????