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参数的说明的主要内容,如果未能解决你的问题,请参考以下文章