javascript - EXTJS4 X模板

Question

作为 EXTJS 世界中的一个初学者，我希望得到一些建议，因为我有点卡在这里：

我正在使用 Xtemplate 从商店中提取信息。

var tpl = new Ext.XTemplate(
            '<tpl for=".">',
            '<p>{data.address}</p>',
            '<p>{data.ip}</p>',
            '</br>',
            '</tpl>'
        );

这会将 {data.address} 的字符串显示为 /domain/hub/servername。

我试图了解我如何能够只显示“服务器名称”部分。

阅读我在那里看到的文档，您可以在里面使用一个函数，所以我尝试并失败了：

'<p>{[RegExp(".*/(.*)", data.address)]}</p>',

我可能在那里离目标很远，就像我说我正在努力解决这个问题。欢迎任何建议！谢谢。

Answer 1

您可以像这样使用inline code和的组合Template member functions：

var tpl = new Ext.XTemplate(
    '<tpl for=".">',
    '<p>{[this.getServerName(values.data.address)]}</p>',
    '<p>{data.ip}</p>',
    '</br>',
    '</tpl>',
    {
        getServerName: function(fulladdress) {
            return fulladdress.replace(/.*\//g, '');
        }
    }
);

这是演示。