Extjs 在自定义组件中动态加载数据

我是新来Sencha的，所以如果我走错了路，请原谅我

我有一个场景，在这个场景下，我们创建了一个自定义小部件组件“tableComponent”，并包含在我的应用程序中。 自定义小部件可以完美地处理静态数据，但在使用xtype将其加载到不同的视图后，必须使其成为动态的

附加代码：

自定义小部件代码

Ext.define('tableComponent', {
    extend: 'Ext.Container',
    xtype: 'tableComponent',
    config: {
        tpl: Ext.create('Ext.XTemplate',
            '<tpl for=".">',
                '<table>',
                    '<tpl for="rows">',
                    '<tr>',
                        '<tpl for="columns">',
                        '<td>{html}</td>',
                        '</tpl>',
                    '</tr>',
                    '</tpl>',
                '</table>',
            '</tpl>'
        ),
        data: [
               {

                   rows: [
                       {
                           columns: [
                               { html: 'column 1' },
                               { html: 'column 2' },
                               { html: 'column 3' }
                           ]
                       },
                       {
                           columns: [
                               { html: 'column 1' },
                               { html: 'column 2' },
                               { html: 'column 3' }
                           ]
                       }
                   ]
               },
               {

                   rows: [
                       {
                           columns: [
                               { html: 'column 1' },
                               { html: 'column 2' },
                               { html: 'column 3' }
                           ]
                       }
                   ]
               }
           ]
    }
});

在完成上述视图的加载后，您希望为特定的xtype组件动态设置数据

---

提前谢谢

要动态修改容器的

数据

，可以使用方法

update（）

。概述

此外，要查找

组件

，您可以使用

up（）

或

down（）

遍历层次结构，或者使用

Ext.ComponentQuery.query（）

通过

xtype

或

itemId

进行查询

下面是一段代码片段

var comp = Ext.ComponentQuery.query('tableComponent')[0];//returns an array of matching     
                                                         //components so I'm grabbing 
                                                         //the first
comp.update(newDataHere);

---

感谢您在WeekDev中给出如此好的解释！！comp.setData（）对我有效，而不是comp.update（）；干杯

var comp = Ext.ComponentQuery.query('tableComponent')[0];//returns an array of matching     
                                                         //components so I'm grabbing 
                                                         //the first
comp.update(newDataHere);