ExtJs4.1学习(1) Ext.String

deadlybug

ExtJs对javascript原有的String类进行了扩展，并提供了一组静态方法可以操作String，在Ext.String命名空间下。

1.Ext.String.ellipsis截断过长的字符串，在显示新闻标题等等时有些时候需要截断过长的字符串，Ext.String的
ellipsis方法可以做到这点。
<script  type='text/javascript'>Ext.onReady(function(){  var a='we are learning ExtJs together.';Ext.Msg.alert('ellipsis',Ext.String.ellipsis(a,20,false)); //按长度截断Ext.Msg.alert('ellipsis',Ext.String.ellipsis(a,20,true)); //智能在一个完整单词后截断      });</script>

运行结果如下：





2.Ext.String.format格式化输出
<script  type='text/javascript'>Ext.onReady(function(){  var str='ExtJs4.1';Ext.Msg.alert('Title',Ext.String.format('my name is {0}',str));      });</script>

运行结果：



3.htmlEncode和htmlDecode
就像我曾经熟悉的Asp.net里Server对象的Encode和Decode......
<script type='text/javascript'>Ext.onReady(function(){var html='<div></div>';var encode=Ext.String.htmlEncode(html);console.log(encode);//输出<div></div>var decode=Ext.String.htmlDecode(encode);console.log(decode);//输出<div></div>});</script>

4.leftPad
用特定的字符加到字符串的左边，补齐位数。
<script  type='text/javascript'>Ext.onReady(function(){  var str=(123).toString();Ext.Msg.alert('leftPad',Ext.String.leftPad(str,6,'0'));      });</script>

运行结果：



5.repeat
重复输出。相当于把同意字符串多次连接起来，还可以在每次连接时添加分隔字符。
<script  type='text/javascript'>Ext.onReady(function(){  var str='hello';Ext.Msg.alert('repeat',Ext.String.repeat(str,5));//5个hello      });</script>
<script  type='text/javascript'>Ext.onReady(function(){  var str='hello';Ext.Msg.alert('repeat',Ext.String.repeat(str,5,','));//5个hello,中间加逗号      });</script>

运行结果：





6.trim
去掉头尾空格
<script  type='text/javascript'>Ext.onReady(function(){  var str='    trim    ';console.log(str);//输出    trim    console.log(Ext.String.trim(str));//输出trim      });</script>

7.urlAppend
自动在URL后面添加参数，自动判别是添加?还是&.

例子1：
<script  type='text/javascript'>Ext.onReady(function(){  var  url='http://www.domain.net';var content = 'id=1';url = Ext.String.urlAppend(url,content);console.log(url);//输出http://www.domain.net?id=1content = 'name=extjs';url=Ext.String.urlAppend(url,content);console.log(url);//输出http://www.domain.net?id=1&name=extjs      });</script>

例子2：
<script  type='text/javascript'>Ext.onReady(function(){  var  url='http://www.domain.net';var  obj=[{property:'id',value:1},{property:'name',value:'extjs'}];for (var i=0;i<obj.length;i++){url=Ext.String.urlAppend(url,obj.property+'='+obj.value);}console.log(url);//输出http://www.domain.net?id=1&name=extjs      });</script>