Ext JS 4 - 克隆节点并附加到DOM中的其他位置

时间:2012-10-04 13:29:06

标签: javascript dom extjs clone

我正在尝试在Ext JS中克隆一个<thead>元素,并将其附加到DOM中的另一个位置。

我把这个小提琴设置为一个例子:

http://jsfiddle.net/DUnWy/3/

作为框架的新手,我在基础知识上有点挣扎,无法理解为什么这段代码对我不起作用。

1 个答案:

答案 0 :(得分:2)

Ext.select方法返回Ext.CompositeElement的实例,它跟在Composite Pattern之后,这意味着它是一个封装了同一类型的多个元素的对象。要从Ext.select访问第一个表头DOM元素,您必须执行以下操作:

Ext.select('.data-grid thead').first().dom

我不确定为什么Ext.DomHelper.append无效,但以下代码有效:

Ext.onReady(function() {

    var hdr = Ext.select('.data-grid thead').first().dom,
        cntr = Ext.select('.clone table').first().dom,
        clone = Ext.clone(hdr);

    cntr.appendChild(clone);

});​