extjs4中应用tpl从view中加载store数据出错-JavaSript-爱易网页

extjs4中应用tpl从view中加载store数据出错

日期：2014-05-16　浏览次数：20483 次

extjs4中使用tpl从view中加载store数据出错

JScript code


Ext.define('ZHPT.view.infoPoint.List', {
    extend: 'Ext.Panel',
    alias: 'widget.infoPointList',

    title: '警用',
    //    columns: [
    //        {header: 'Id',  dataIndex: 'id',  flex: 1},
    //        {header: 'PicUrl', dataIndex: 'picUrl', flex: 1}
    //    ]
    items: Ext.create('Ext.view.View', {
        store: 'InfoPoints',
        tpl: [
            '<tpl for=".">',
                '<div class="thumb-wrap" id="{id}">',
                    '<div class="thumb"><img src="{picUrl}" /></div>',
                '</div>',
            '</tpl>',
            '<div class="x-clear"></div>'
             ],
        itemSelector: '.thumb-wrap'
    })
});

贴上源代码，我用的extjs4的mvc框架，其他代码不便贴出，太多了。
我几乎是照着examples中dataview的例子写的。
这是一个视图，我之前将这个视图中items换成gridView时没问题，数据都能加载，问题确定不是出在store上，这个store在controller中已经定义过了。
代码运行后没有报出任何exception，但就是这个template模板没有作用，就是并没有循环几个有数据的div出来，一个div都没render出来。
我估计问题就出在这个代码里，我刚上手几天，找了半天找不出问题啊~ 多谢！

------解决方案--------------------
我试了你的代码，用的Ext.create，正常显示。

------解决方案--------------------
我觉得问题可能出现在Ext4的加载机制中，原因应该是xtype是还没实例化的过程，要等你的组件实例化后xtype才实例化，Ext.create是直接实例化，例子里面是面板是通过Ext。create出来的，所以放在里面的item也可以一起create出来，你的例子是自己定义组件，这个组件只是个类，没有实例化。

如果你一定要这么写的话，可以试试重写他的initComponent方法看看，我一直都是这么写的

JScript code


Ext.define('ACHUI.ux.CommonGrid',{
    alias:'widget.CommonGrid',
    extend:'Ext.grid.Panel',
    initComponent:function(){
        var bbar = Ext.create('Ext.pagetoolbar'{
            store:this.store,
            pageSize : ACHUI_PAGE_LIMIT,
            displayInfo:true
        })
        Ext.apply(this.bbar,bbar);
        Ext.applyIf(this, {
            bbar : bbar
        });
        this.callParent(arguments);
    }
});

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

extjs4中应用tpl从view中加载store数据出错

相关资料更多>

推荐阅读更多>