Question

我是ExtJS中的新手，并尝试重用使用jQuery生成的一些现有内容。有没有一种简单的方法可以将现有组件添加为容器中的项目？

我的代码看起来像这样

var rect = $('<div>', {
    'id' : 'rectangle'
}).text("this is a rectangle.");

var cont = new Ext.Container({
    layout : 'absolute',
    width : 400,
    height : 300,
    renderTo : Ext.getBody(),
    border : 1,
    style : {
        borderColor : '#000000',
        borderStyle : 'solid',
        borderWidth : '1px'
    },
    items : [{
        html : rect
    }]
});

Answer 1

只需使用.html()

抓取该项目的HTML

items : [{
    html : rect.html()
}]

Answer 2

最好的方法是使用contentEl。请注意，这会将元素移动到组件内部，因此当组件被销毁时，元素也是如此。

items: {
    contentEl: rect.get(0) // Grab a reference to the DOM element
}

如果要在移动元素之前复制元素，可以调用： rect.clone.get(0);

ExtJS Container将现有内容设置为项目

2 个答案: