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));
分享到:
相关推荐
终于找到了 EXTJS Javascript HTML 代码格式化 工具。
ExtJs4.2代码例子 ExtJS Window常用方法
extjs日期显示(如何转换日期格式),亲自试验过的,extjs6中可以使用的
常用Extjs工具:Extjs.util.Format使用方法,需要的朋友可以参考下
EXTJS_DATEFORMAT 日期格式对应,网上找到的,挺好用的
extjs属性方法集中方便你查看学习,赶快来下载吧!学习extjs
EXTJS 2.2 离线帮助文件CHM格式 欢迎大家使用!! 从EXTJS官方网站上下载下来后做成的CHM,以前2.0版也是我做的! 没有问题!!
Extjs 常用属性
extjs 常用vtype 代码 Ext.VTyps常用vtype大全!
蔡世友EXTJS讲解extJs 提供大家学习
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
ExtJs3.0 中文 帮助文档 chm格式
extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等
精心整理的EXTJS常用例子集...是学习EXTJS不可多得的好资料,欲下载,则从速喔!!!
Extjs+Gride使用方法 Extjs Gride
extjs资料extjs资料extjs资料extjs资料extjs资料
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
6.8 Ext.util.Format提供常用的格式化方法 6.8.1 ellipsis() 6.8.2 capitalize() 6.8.3 date() 6.8.4 htmlEncode() 6.8.5 htmlDecode() 6.8.6 stripTags() 6.8.7 substr() 6.8.8 lowercase...
这里主要介绍了ExtJS常用组件的样式修改,包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。