如何调用XTemplate(itemTpl)中的函数 [英] How to call functions within a XTemplate (itemTpl)
问题描述
我想使用Ext的字符串一些文本的方法将输出到视图。
I would like to use Ext's String method on some text that will be output to the view.
例如:
itemTpl: [
...
'<tpl switch="post_type">',
'<tpl case="new_user">',
'<p>{post_text_teaser}</p>',
'<p>{timestamp}</p>',
'<tpl default>',
'<p>' + Ext.String.ellipsis( + '{post_text_teaser}' + \, 4) + '</p>',
...
].join(''),
但当然,第10行中的连接是非法的。
but of course the concatenation in line 10 is illegal.
您是否知道是否可能或如何正确执行?
Do you know if it's possible or how to do this correctly?
推荐答案
解决你的问题:
'<tpl switch="post_type">',
'<tpl case="new_user">',
'<p>{post_text_teaser}</p>',
'<p>{timestamp}</p>',
'<tpl default>',
'<p>{[Ext.String.ellipsis(values.post_text_teaser,4,false)]}</p>',
'</tpl>'
您可以在 Sencha文档
模板成员函数的事情是,据我所知您不能以常规方式直接在itemTpl中定义它们,但需要明确定义一个新的XTemplate,然后在您的itemTpl中使用它。参见示例:
The thing with template member function is that as far as I know you cannot define them directly in the itemTpl in the regular way, but need to explicitly define a new XTemplate and then use that in your itemTpl. See example:
var tpl = new XTemplate(
'<tpl switch="post_type">',
'<tpl case="new_user">',
'<p>{post_text_teaser}</p>',
'<p>{timestamp}</p>',
'<tpl default>',
'<p>{[this.shorten(values.post_text_teaser)]}</p>',
'</tpl>',
{
shorten: function(name){
return Ext.String.ellipsis(name,4,false);
}
}
);
...
itemTpl: tpl,
...
这样就可以正常工作,如下面的代码(只需插入上面的XTemplate的代码)。
This should work fine as will the code below (just insert the code from the XTemplate above).
itemTpl: new XTemplate(...),
希望这样排序!
编辑注意到我隐藏了结束标签,有时候它是没有他们的工作,但最好的做法是总是使用它们,因为它们可能会导致有趣的错误(在这种情况下,生成的代码中缺少一个括号)。
edit noticed that I hade missed the closing tags, sometimes it works without them, but it's good practice to always use them as they could cause interesting errors (in this case a missing bracket on the generated code).
这篇关于如何调用XTemplate(itemTpl)中的函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!