您的位置:首页 > Web前端 > JavaScript

Extjs的tpl结合form表单提交

2014-08-20 22:37 609 查看
这里简单介绍一下使用tpl做form表单提交的方法

1. 定义含有form标签的tpl模板:

var tpl =Ext.create('Ext.XTemplate',
'<form id="xtplForm">',
'<tableclass=td_table cellpadding=0 cellspacing=0 border=0>',
'<tr><td><input name=stencil_idvalue=123></td></tr>',
'</table>',
'</form>'
);
2. 提交方式:

var formData = Ext.Element.serializeForm(Ext.get('xtplForm'));
Ext.Ajax.request({
method: 'POST',
url: url,
params: formData,
success: function(response) {
Ext.Msg.alert("信息提示","操作成功!");
},
failure: function() {
Ext.Msg.alert("信息提示","操作失败!");
}
});
首先获取form表单数据并序列化表单数据,然后以参数的形式传给params属性即可
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ext