extjs4.x如何获取纯html写的表单数据？？

Posted 2023-03-09

表单是用来获取用户输入的一些数据，最常见的就是注册，登录之类的；

html5表单数据获得方法：

1、首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作；

2、接着先熟悉一些较常用的表单标签：表单<form>，  输入域<input>，文本域<textarea>，按钮<button>，域的标题<legend>，控制标签<label>等。

3、创建一个form,如图，输入一些要创建的东西（我演示的仅为用户密码）；

4、打开网页看效果图，便是这样的效果了，拥有了最简单的帐号密码；

5、同时，还可以添加一些选择的元素，如你喜欢什么游戏；就可获得表单数据了。

参考技术A 其实我也想问这个问题.. ext3是可以的. 用new Ext.Basic.form("e"); 可以将id为e的传统表单转换为extjs表单对象.. ext4 貌似不行 参考技术B 1.定义一个formpanel。
var editForm = Ext.create('Ext.form.Panel',

bodyPadding: 5,

width: 350,

border: false,

frame: true,

xtype: 'filedset',

url: 'ecAssetStatus/update',

layout: 'anchor',

defaults:

anchor: '100%'

,

defaultType: 'textfield',

items: [

name: 'id',

fieldLabel: 'id',

hidden: true

,

fieldLabel: '名字',

name: 'name',

emptyText: '名字',

allowBlank: false

,

fieldLabel: '描述',

xtype: 'textarea',

name: 'description',

allowBlank: false

],

buttons: [

text: '确定',

formBind: true, //only enabled once the form is valid

disabled: true,

handler: function()

var form = this.up('form').getForm();

if (form.isValid())

form.submit(

success: function(form, action)

Ext.Msg.alert('提示', action.result.msg);

store.load();



);





]

);
2.定义一个window.Window
var win2 = Ext.create('Ext.window.Window',

title: '修改',

hight: 400,

width:400,

//frame: true,

hidden: true,

layout: 'fit',

closable: true,

closeAction: 'hide',

//animateTarget:this,

items: editForm
);
3.在点击“操作”按钮的时候得到后台的得值，并把值在editForm里面load一下。
editForm.getForm().load(

url: 'ecAssetStatus/show?id='+selected1[0].get('id'),

waitMsg: '请稍后......'

)

win2.show()
4.json数据格式

"success":"true","data":"id":"49","name":"12344553252","description":"adffafdadf"

格式很重要，格式正确才能够在form里面读出来。 参考技术C 获取单个组件的值
<input type="text" id="h">
Ext.get('h').getValue();

获取form的值
<form id="e"></form>
Ext.get('e').getSubmitData();
Ext.get('e').getSubmitValue();

不同的是，上面的获取的是一个对象，下面的返回的是字符串追问

单个获取可以，获取form值那两个方法都不对，说是没有getSubmitData(); getSubmitValue();这两个方法。。。我用的是extjs4.2.1，还有，我写的表单时纯html的，不是用ext的组件写的