1

我有一个纯 html 表单，需要将 html 输入与 ExtJS 字段混合，但不想使用 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>

你能给我一个提示如何得到这样的组合吗？

4

2 回答 2

1

这个问题（'renderTo' 生成错误 'TypeError: Ext.resetElement is undefined'）发生在 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'
})
于 2014-09-04T11:28:33.747 回答
0

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

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

我在这里更新了你的例子。

于 2013-07-13T21:34:17.227 回答