`

ExtJS insertHtml() overwrite() Format提供常用的格式化方法

阅读更多
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="&lt;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));
   
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics