ExtJs4.1学习(1) Ext.String

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>

运行结果如下：

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

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

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>

运行结果：

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

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>

运行结果：

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

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>

运行结果：

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

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

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=1
		content = '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[i].property+'='+obj[i].value);
		}
		console.log(url);				//输出http://www.domain.net?id=1&name=extjs
      });
</script>