Question

我有一个纯html表单，需要混合ExtJS字段的html输入，但不想使用ExtJS面板/表单/应用程序，只能以html形式注入一个ExtJS字段。

这是我的示例编码（不工作）：

<html>
<head>
<title>Dummy</title>
<link href="http://cdn.sencha.io/ext-4.1.1-gpl/resources/css/ext-all.css" rel="stylesheet" />
<script src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all.js"></script>
</head>

<body>
<form action="dummy.php" method="get">
First: <input name="first"><br>
<div id='div1'></div>
<script type="text/javascript">
Ext.create( 'Ext.form.TextField', {
    id:'second',
    value:'second',
    renderTo:'div1'
})
</script>
<input type=submit value="Ok">&nbsp;<input type=reset value="Cancel"><br>

</form>

</body>
</html>

你能给我一个如何得到这种混合的暗示吗？

Answer 1

此问题（'renderTo'生成错误'TypeError：Ext.resetElement未定义'）在ExtJS 4.1.1中发生，但在ExtJS 5.0中不会发生。

对于ExtJS 4.1.1，可以采用一种解决方法（在Internet中找到）：

Ext.resetElement = Ext.getBody();  // #WORKAROUND
Ext.create( 'Ext.form.TextField', {
    id:'second',
    value:'second',
    renderTo:'div1'
})

Answer 2

您可以在加载库文件后创建ExtJS组件。这意味着在Ext.onReady（）内部：

Ext.onReady(function(){
    Ext.create('Ext.form.TextField', {
        id:'second',
        value:'second',
        renderTo:'div1'
    });
});

我更新了您的示例here。

以html格式包含extjs字段

2 个答案: