• ExtJs4常用工具类与函数之Ext.core.DomHelper


    Ext作为一个AJAX框架,与HTML、DOM交互、操作非常多,DomHelper类在当中起到了很好的耦合作用,让胡勇通过Ext来透明的操作HTML或DOM。这样就可以很方便的操作Ext的Element和HTMLElement了。

    1.Ext.core.DomHelper.append()

    通过el获取该节点将o追加到el的子节点,如果returnElement为true则返回追加后形成的Ext的Element,否则返回追加后形成的HTMLElement.

    调用格式:

    Ext.core.DomHelper.append(Mixed el,Object/String o,[Boolean returnElement])

    参数说明:

    el:指定的HTML的Element或DOMElement.

    o:追加到el节点后的对象挥着指定的字符串值.

    returnElement:标识返回追加后形成的节点是HTMLElement还是DomElement,如果为true,则返回Ext.core.Element 即DOM Element.

    返回值:

    返回Ext.Element或HTML Element.

    2.Ext.core.DomHelper.applyStyle()

    给指定的HTML Element(元素节点) 应用指定的CSS(样式表)效果.

    调用格式:

    Ext.core.DomHelper.applyStyle(String/HTML Element el,String/Object/Function styles)

    参数说明:

    el:HTML Element对象的id或HTML Element对.

    styles: 应用的CSS样式表

    返回值:无.

    3.createTemplate()

    通过指定的对象或字符串,创建一个Ext.Template(Ext的标准模版),最后返回该模版.

    调用格式:

    Ext.core.DomHelper.createTemplate(Object o)

    参数:

    o:通过该对象来创建一个Dom对象.

    返回值:返回创建的Ext.Template对象.

    4.insertAfter()

    获取指定的Element,将新节点追加在获取的Element之后,最后返回指定的节点.

    调用格式:

    Ext.core.DomHelper.insertAfter(Mixed el, Object o,[Boolean returnElement])

    参数说明:

    el:指定的上下文Element.

    o:欲追加的对象或Dom节点

    [returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

    返回值:HTMLElement 或ext.Element

    5.insertBefore()

    获取指定的Element,将新节点追加在获取的Element之前,最后返回指定的节点.

    调用格式:

    Ext.core.DomHelper.insertBefore(Mixed el, Object o,[Boolean returnElement])

    参数说明:

    el:指定的上下文Element.

    o:欲追加的对象或Dom节点

    [returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

    返回值:HTMLElement 或ext.Element

    6.insertFirst()

    创建由o形成的对象追加在指定的Element下,成为Element的第一个子元素,最后插入并追加后的节点.

    调用格式:

    Ext.core.DomHelper.insertFirst(Mixed el, Object/String o,[Boolean returnElement])

    参数说明:

    el:指定的上下文Element.

    o:新插入的对象或由字符串描述的节点.

    [returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

    返回值:HTMLElement 或Ext.Element

    7.insertHtml()

    在给定的HTMLElement中指定的位置插入HTML,并返回追加插入的HTMLElement.

    调用格式:

    Ext.core.DomHelper.insertHtml(String where, HTML Element el ,String html)

    参数说明:

    where:插入html 的位置,该值只能是beforeBegin/afterBegin/beforeEnd/afterEnd.

    el:指定的HTMl Element,目标HTML元素.

    html:要插入的HTML字符串.

    返回值:HTMLElement

    8.overwrite()

    获取该指定的Element,按新的内容体覆盖Element的内部主体,并返回覆盖后的节点.

    调用格式:

    Ext.core.DomHelper.overwrite(Mixed el, Object/String o ,[Boolean returnElement])

    参数说明:

    el:指定的元素节点.

    o:新插入的对象或由字符串描述的节点.

    [returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

    返回值:HTMLElement 或Ext.Element

    所有文章都会同步发布到我的独立博客上 imsense.site 欢迎点击

    宝剑锋从磨砺出,梅花香自苦寒来。

    如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的【推荐】按钮。

    如果,您希望更容易地发现我的新博客,不妨关注一下或者分享一下。

    未注明转载的文章,版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    [转]ASP.NET生成HTML初级解决方案
    HTTPContentTypes 大全
    CSS美化 input type=”file” 兼容所有浏览器
    页面前端的水有多深?再议页面开发(转)
    jQuery对select、checkbox、radio操作小结
    jQuery 跟随浏览器窗口的回到顶部按钮gototop(转)
    下载apachetomcat9.0.17windowsx64及安装以及用途
    J2SE基本安装和java的环境变量
    java简单的运算符和表达式
    关于类的成员,public,private修饰符
  • 原文地址:https://www.cnblogs.com/lslvxy/p/3049621.html
Copyright © 2020-2023  润新知