deadlybug 发表于 2013-1-29 08:41:46

ExtJs4.1学习(1) Ext.String

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

1.Ext.String.ellipsis截断过长的字符串，在显示新闻标题等等时有些时候需要截断过长的字符串，Ext.String的
ellipsis方法可以做到这点。
<scripttype='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>

运行结果如下：

http://dl.iteye.com/upload/attachment/0071/2274/15a7cd4b-78fd-307c-bc5c-64be023de2fd.png

http://dl.iteye.com/upload/attachment/0071/2276/e151cb24-ddc0-3e37-bccd-619050b0f131.png

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

运行结果：

http://dl.iteye.com/upload/attachment/0071/2278/6e187383-db2e-34a7-84c1-69ff6e3a9d76.png

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

运行结果：

http://dl.iteye.com/upload/attachment/0071/2272/c5bed058-e799-32f3-92c4-9376df893397.png

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

运行结果：

http://dl.iteye.com/upload/attachment/0071/2281/d254ac16-058c-3d9c-b51b-29a288bc8cc4.png

http://dl.iteye.com/upload/attachment/0071/2284/62d90da2-78c6-3856-b5b5-1bb8110e6a21.png

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

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

例子1：
<scripttype='text/javascript'>Ext.onReady(function(){varurl='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：
<scripttype='text/javascript'>Ext.onReady(function(){varurl='http://www.domain.net';varobj=[{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>
页: [1]
查看完整版本: ExtJs4.1学习(1) Ext.String