Sencha Touch笔记(11)——Ext.String

Sencha touch在除了提供一些常用的组件之外还有很多很多的组件,Ext.String就是其中用来专门对字符串进行处理的,所在在使用原生js对字符串进行处理之外,还可以使用Ext.String的组件来进行字符串的处理。

常用的大概是让多余出来的部分变成省略号的ellipsis函数,其使用方法如下:

value, length, word ) : String

Truncate a string and add an ellipsis ('...') to the end if it exceeds the specified length.

举个例子:

'<tpl if="intro">',
	'<div class="wellcourse_item_intro">{intro}</div>',//正常输出
	'<div class="wellcourse_item_intro">{[Ext.String.ellipsis(data.intro, 10, false)]}</div>',//使得多余的部分变成缩略号
'</tpl>'

其中参数中的10,是包括了三个省略号在内的,也就是说只能显示7个汉字~~

上面的实现也可以采用XTemplate的内部成员函数的方法来进行实现:

var tpl = new XTemplate(
    '<tpl>',
         '<p>{[this.shorten(data.intro)]}</p>',
    '</tpl>',//下面用函数来实现此功能
    {        
        shorten: function(name){
           return Ext.String.ellipsis(name,10,false);
        }
    }
);

Ext.String中貌似能够经常用到的函数不是很多,而且很多都可以用js去直接完成的。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值