var insertPanel=new Ext.Panel({
title:'Ext.core.DomHelper 示例 insertHtml()',
width:'280px',
renderTo:Ext.getBody(),
html:'<div style="height:160px;padding:5px;"><div id="div3">我是原来的Div的第一个子对象</div></div>'
});
/**
insertHtml():在给定的HTML Element中 指定的位置插入HTML,并返回追加插入的HTML Element
*/
//给指定的Div1在之前插入一个新的HTML
Ext.DomHelper.insertHtml("beforeBegin",document.getElementById("div3"),"我是新插入的HTML文本");
/**
overwrite():获取该指定的Element,按新的内容体覆盖Element的内部主题,并返回覆盖后的结点
*/
var insertPanel=new Ext.Panel({
title:'Ext.core.DomHelper 示例 overwrite()',
width:'280px',
renderTo:Ext.getBody(),
buttons:[{
text:'text',
handler:function(){
Ext.core.DomHelper.overwrite(document.getElementById("div4"),Ext.util.Format.ellipsis("我是新替换的Html文本",10));
}
}],
html:'<div style="height:160px;padding:5px;"><div id="div4">我是原来的Div的第一个子对象</div></div>'
});
/***
Ext.util.Format提供常用的格式化方法:
ellipsis()该函数用于指定的字符串超长部分用省略号代替并返回:Ext.util.Format.ellipsis("我是新替换的Html文本",10)
capitalize():用于转换指定的字符串成小写并返回(首字母大写,其他的所有字符都转换成小写)
date():将日期文本按指定的格式进行转换
stripTags:将提供字符串中的HTML标签进行替换并返回替换后的字符串
substr():截取value从start至length间的字符并返回 Ext.util.Format.substr(String value,Number start,Number length)length:截止终止位置
lowercase():将指定的字符串变成小写
number():将指定的number数字按指定的格式进行处理后返回,返回string 类型
round(Number/String v,Number precision): v:截取的小数 precision:截取的小数位数
*/
var str="<table width='300' cellspacing=1 border=1 cellpadding=1><tr><td>table string</td></tr></table>";
var str1=" aV";
var dat=new Date();
var str2=12345;
var str3=1.2345;
Ext.Msg.alert("提示","原str为:"+str+"<br>ellipsis(str,5)后为:<br>"+Ext.util.Format.ellipsis(str,5)+"<br><br>"+
"原str1为:"+str+" <br>进行capitalize(str1)后为:<br>"+Ext.util.Format.capitalize(str1)+"<br><br> date="+dat+" data :"+Ext.util.Format.date(dat)+
"<br><br>str2="+str2+" str2 number(str2,-1234.0) ="+Ext.util.Format.number(str2,"-1234.0")+" str3="+str3+" round(str3,2) "+Ext.util.Format.round(str3,2));