javascript - 如何将HTML放在Ext.each()内并在其中呈现值-EXTJS

我想在一个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循环中？

最佳答案

尝试这样的事情：

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中工作正常

关于javascript - 如何将HTML放在Ext.each()内并在其中呈现值-EXTJS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51663686/