在LIST的itemTpl上的sencha touch :: substr()

时间:2011-11-09 14:34:29

标签: javascript list sencha-touch itemtemplate substr

当我的模板像

一样构建时,如何在sencha touch中缩短列表对象内的长名称
itemTpl: '{firstName} {lastName}',

日Thnx!

编辑:感谢你的尝试,好友!我的问题是我用

plugins: [new app.plugins.editableList()], // by WhiteFox AS
这似乎成了麻烦。而没有插件的简单

{ 
  xtype: 'list',
  ...
  itemTpl: new Ext.XTemplate(
    '<tpl for=".">',
        '<div>{[this.shortenName(values)]}</div>',
    '</tpl>',
    {
        shortenName: function(values) {
            return values.firstName.substr(0, 5);
        }
    }
),
...}  

似乎有效。

2 个答案:

答案 0 :(得分:2)

您可以在模板中嵌入javascript。如果你有一些功能“截断”,你可以做

{[truncate(values.firstName,5) + " " + truncate(values.lastName,5)]}

答案 1 :(得分:0)

为什么不直接存储数据存储中的值?如果它只是您想要的最后一个初始值,请将其存储在数据存储中并调用它:

itemTpl: '{firstName} {lastInitial}',