Ext.core.DomHelper.insertHtml参数的说明

Posted Gould-Zhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ext.core.DomHelper.insertHtml参数的说明相关的知识,希望对你有一定的参考价值。

今天在了解Ext.core.DomHelper.inserthtml过程中,发现

Ext.onReady(function(){
    var panel = new Ext.Panel({
        title:‘Ext.core.DomHelper.insertAfter‘,
        width:300,
        height:200,
        renderTo:Ext.getBody(),
        frame:true,
        html:"<div id=‘div1‘>原DIV1的内容</div>",
        buttons:[
            {
                text:‘触发插入效果‘,
                handler:function(){
                    Ext.core.DomHelper.insertHtml("afterBegin",document.getElementById("div1"),"<h>新插入的HTMl文本</h>");
                }
            }
        ]
    })
    
})

insertHtml的第一个参数可以有四种分别是afterBegin、afterEnd、beforeBegin、beforeEnd四种,

这个参数应该先考虑后面的Begin(或END)容易理解,如果结尾是Begin则说明内容插入在插入点之前,如果是End则在插入点之后,在利用前面单词After或Before判断内容是插在插入点外部还是内部。

另外要说明的是该方法的第二个参数不是Ext ELement类型的,而是HTML ELement类型,这个需要注意下,否则该方法不起作用。

以上是关于Ext.core.DomHelper.insertHtml参数的说明的主要内容,如果未能解决你的问题,请参考以下文章