javascript - 如何将 html 放入 Ext.each() 并渲染其中的值 - EXTJS

Question

我想在 forEach 循环内渲染一个跨度。我这样做是这样的:

var data = [5, 78, 8, 9, 6, 5];

render: function(data) {
  return [
    '<div>'
    Ext.util.Format.ellipsis(this.name, 48),
    '<span>',
    Ext.each(data, function(ct) {
      Ext.util.Format.number(ct, '0,000')
    }),
    '</span>',
    '</div>'
  ].join('');
}

但是上面的代码没有在元素内渲染任何值，如果我调试它，我会看到 ct 内的值，但在渲染时，内部没有任何显示。知道如何使用 EXTJS 将 html 放入 for 循环中吗？

Answer 1

尝试这样的事情:

var data = [5, 78, 8];
Ext.application({
    name: 'Fiddle',

    launch: function () {
        new Ext.panel.Panel({
            renderTo: document.body,
            width: 500,
            height: 500,
            html: data.map((x) => {
                return `<div>
                    <span>Some Name: </span>
                    <span>${Ext.util.Format.number(x, '0,000')}</span>
                </div>`
            }),
            renderTo: Ext.getBody()
        });
    }
});

似乎在 this demo Sencha's Fiddle 中工作正常