`

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));
   
分享到:
评论

相关推荐

    extjs日期显示(如何转换日期格式)

    Jackson 依赖项提供了多种日期格式转换的方法,例如、@JsonFormat 注解可以用来指定日期格式。 例如,可以使用以下代码来将日期格式数据转换为 JSON 字符串: ``` @JsonFormat(shape = JsonFormat.Shape.STRING, ...

    EXTJS Javascript HTML 代码格式化 工具

    因此,有一个良好的代码格式化工具对于EXTJS开发者来说是必不可少的。 在JavaScript和HTML开发中,代码格式化同样重要。JavaScript是一种动态类型的脚本语言,广泛用于网页和服务器端编程。它的语法灵活但易产生...

    常用Extjs工具:Extjs.util.Format使用方法

    对于日期格式化,Extjs.util.Format提供了以下方法: - date(value, [format]):这个方法可以将JavaScript的Date对象转换成指定格式的字符串。如果未指定格式,则默认格式为“m/d/Y”。例如date(new Date(), 'Y-m-d'...

    EXTJS 2.2 离线帮助文件CHM格式

    EXTJS 2.2 离线帮助文件CHM格式是一种专门为EXTJS 2.2框架提供的技术文档,采用的是Microsoft的 Compiled HTML Help (CHM) 格式。这种格式将大量的HTML页面、图像和其他资源合并到一个单一的可执行文件中,便于用户...

    Extjs自动最大化panel

    总之,EXTJS的自动最大化Panel技术提供了一种灵活的方式来创建响应式和动态调整的用户界面,这在开发高质量的Web应用时是非常重要的。通过熟练掌握这一技巧,开发者可以构建出更加适应用户需求的交互式应用。

    EXTJS_DATEFORMAT 日期格式对应

    EXTJS_DATEFORMAT 日期格式对应,网上找到的,挺好用的

    轻松搞定Extjs 带目录

    Extjs的`Ext.util.Format`类提供了一组内置的格式化函数,用于文本、日期和数字的格式化。还可以自定义格式化函数,或者通过`XTemplate`进一步自定义内容。 #### 8. 组件结构 Extjs的组件结构复杂且功能强大,包括...

    ExtJS中date的格式符说明

    在ExtJS中,`Ext.Date`对象提供了丰富的日期处理方法,包括解析、格式化和比较等。当我们需要展示日期或从用户输入中获取日期时,通常会用到日期的格式化功能。日期格式化主要是通过`Ext.Date.format()`方法完成的,...

    EXTJS desktop 国际化

    EXTJS提供了`Ext.Date`和`Ext.util.Format`类来处理这些格式,可以根据不同的语言和地区设置合适的格式规则。 5. **工具支持**: - 标签“工具”可能是指EXTJS提供的一些辅助工具,如构建工具或者IDE插件,它们...

    Extjs中DisplayField的日期或者数字格式化扩展

    如果存在numberFormat且值v是数字类型,则使用ExtJs的Ext.util.Format.number方法进行数字格式化。 最后,我们在创建Ext.form.FormPanel时,可以通过指定dateFormat属性,使其子组件DisplayField支持日期格式化。...

    extjs模拟excel表格

    我们可以使用renderer函数来自定义单元格的显示,例如格式化数字、日期或应用样式。 3. **可编辑性**:通过使用CellEditing或RowEditing插件,我们可以实现单元格级别的编辑功能。用户点击单元格时,会弹出一个...

    5000个常用到extjs小图标

    "5000个常用到EXTJS小图标"的资源集合,是一个专门针对EXTJS开发者的图标库,包含了大量的图标资源,旨在帮助开发者快速找到适合的图标来装饰和功能化他们的EXTJS应用程序。这些图标可能是SVG或PNG格式,具有高清晰...

    ExtJS6学习文档_PDF格式带书签

    通过以上章节的学习,你将能够全面了解并掌握ExtJS 6的核心技术和实践方法,从而高效地开发出功能强大、用户体验优秀的Web应用。这个PDF文档带有书签,方便你在阅读和学习过程中快速定位到所需内容,提高学习效率。

    ExtJs4.0 使用心得@1 Ext.util.Format.Number()

    `Ext.util.Format`是ExtJS中一个非常实用的工具类,包含了一系列用于字符串、日期和数值等类型的数据格式化的静态方法。`Number()`方法是其中之一,专门用于处理和格式化数字。在实际开发中,我们经常需要将数字以...

    ExtJs的图形化

    在图形化开发环境中,利用合适的工具可以极大地提高开发效率,这就是Eclipse的ExtJS图形化开发插件的作用。 Eclipse是广受欢迎的Java IDE,它支持多种语言和框架的开发,包括ExtJS。这款插件为开发者提供了图形化的...

    Extjs-常用函数和事件

    **Ext.util.Format** 包含了许多格式化方法,如: 28. **ellipsis**: 截断字符串并在尾部添加省略号,保持指定长度。 29. **capitalize**: 将字符串首字母转为大写。 30. **其它方法**:包括日期格式化、颜色处理...

    Extjs 常用属性

    在深入探讨Extjs常用属性之前,我们先简要回顾一下Extjs是什么。Extjs是一个用于构建Web应用程序的JavaScript框架,它提供了丰富的UI组件、数据处理功能以及与服务器端交互的能力,使得开发人员能够轻松地创建复杂的...

    ExtJs4本地化

    2. **ExtJS4的本地化支持**:ExtJS4提供了内置的本地化支持,允许开发者轻松地为应用添加多语言功能。这通常通过加载特定的语言包来实现,这些语言包包含了组件的文本资源。 3. **languages.js**:这可能是一个包含...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    这些可以通过ExtJS的命令模式和组件方法实现。 8. **验证**:设计的流程图可能需要遵循特定的规则,如不能形成循环。ExtJS的事件和数据验证机制可以用于实现这些逻辑。 9. **集成与部署**:设计完成后,工作流需要...

Global site tag (gtag.js) - Google Analytics