ExtJS元素到组件
我想从DOM选择器中获取一个ExtJS元素(div),并将其转换为一个ExtJS组件(面板)。我该怎么做呢?谢谢。您想使用ExtJS元素到组件,extjs,Extjs,我想从DOM选择器中获取一个ExtJS元素(div),并将其转换为一个ExtJS组件(面板)。我该怎么做呢?谢谢。您想使用contentEl配置。它将div中的内容放入面板中 <html> <head> <link rel="stylesheet" href="ext-3.1.1/resources/css/ext-all.css" /> <script src="ext-3.1.1/adapter/ext/ext-base.js"&
contentEl
配置。它将div中的内容放入面板中
<html>
<head>
<link rel="stylesheet" href="ext-3.1.1/resources/css/ext-all.css" />
<script src="ext-3.1.1/adapter/ext/ext-base.js"></script>
<script src="ext-3.1.1/ext-all-debug.js"></script>
<script>
Ext.BLANK_IMAGE_URL = 'ext-3.1.1/resources/images/default/s.gif';
Ext.onReady(function(){
var viewport = new Ext.Viewport({
items: [{
title: 'About Us',
width: 200,
height: 200,
contentEl: 'about_us'
}]
});
});
</script>
</head>
<body>
<div id="about_us">We are a great team to work with!</div>
</body>
</html>
Ext.BLANK_IMAGE_URL='Ext-3.1.1/resources/images/default/s.gif';
Ext.onReady(函数(){
var viewport=新的外部视口({
项目:[{
标题:“关于我们”,
宽度:200,
身高:200,
contentEl:“关于我们”
}]
});
});
我们是一个伟大的团队!
这正是我所需要的。谢谢需要明确的是,这只是将元素的innerHTML用作新面板的主体内容,而不是将元素“转换”为面板组件。实际上,您可以使用
applyToMarkup
方法将有效标记转换为面板组件,这是不同的。仅供参考。