Ext.js表单展示怎么写
时间: 2024-05-11 19:18:21 浏览: 4
在 Ext.js 中,可以使用 `Ext.form.Panel` 来展示表单。以下是一个简单的示例:
```javascript
Ext.create('Ext.form.Panel', {
title: 'My Form Panel',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'name'
}, {
xtype: 'textfield',
fieldLabel: 'Email',
name: 'email'
}, {
xtype: 'textareafield',
fieldLabel: 'Message',
name: 'message'
}],
buttons: [{
text: 'Submit',
handler: function() {
// handle form submission
}
}]
});
```
在这个示例中,我们创建了一个名为 `My Form Panel` 的表单面板,并设置了它的宽度和内部填充。接下来,我们添加了三个表单字段:一个文本框用于输入名称,一个文本框用于输入电子邮件,以及一个文本区域用于输入消息。最后,我们添加了一个提交按钮,当用户单击它时,可以处理表单提交事件。
这只是一个简单的示例,实际中表单的复杂程度会更高,你可以在 Ext.js 的文档中查找更多关于表单的信息。