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

本文通过实例展示了 Ext.js 中 DomHelper 的 insertHtml 和 overwrite 方法的使用方式,并介绍了 Ext.util.Format 类提供的多种字符串格式化功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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));
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值