首页 > 解决方案 > 无法遍历数组。For循环失败

问题描述

我正在从服务调用中获取一个子数组并尝试打印数组值。我能够获取值并存储在数组中。但是当我尝试使用 Extjs tpl 循环遍历数组时。它在 for 条件下失败 enter image description here 我已经检查了 1. 控制一直到 tpl,之前的任何内容都被打印 2. 数组有 4 条记录。

initComponent: function() {
var me = this;
var dataItems= me.loadData();
this.items = [{                     
    xtype : 'dataview',             
    store: 'proceduresDateGroupedByCodeGroupSid',
    multiSelect: true,
    trackOver: true,
    overItemCls: 'lab-result-detail-row ',
    itemSelector : '.item-selector',
    padding : '0 0 0 0',

    tpl: new PD.view.component.CTemplate(
         '<div>HELLO</div>',
        '<tpl for="dataItems">',                        
        '<div>hello</div>', 
        '<div>{this.formatDate},
         '</div>', 
        '</tpl>', 

理想情况下,它应该打印 4 次“hello”。

标签: javascriptarraysextjs

解决方案


您的 ItemSelector 正在指定一个名为 item-selector 的类,但在您的 tpl 中,您没有此类的 div,而是尝试此操作。

 itemSelector:'div.item-selector',
 tpl: new PD.view.component.CTemplate(
         '<div>HELLO</div>',
        '<tpl for=".">',                        
        '<div classs="item-selector">hello</div>', 
        '<div>{this.formatDate},
         '</div>', 
        '</tpl>', 

小提琴


推荐阅读