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属性即可
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属性即可
相关文章推荐
- 关于JQuery中两个要注意的地方(结合Extjs的grid滚动条及使用form插件提交表单)
- ExtJs中form表单提交的三种方式
- ExtJs 备忘录(4)—— Form表单(四) [ 数据提交 ]
- 使用extJs 2.0的form提交表单(非AJAX方式)
- Extjs初始化/提交Ext.form.FormPanel,表单中包含textfield,textarea,radio,checkbox,combo等
- form表单提交 list对象给Java 后台结合
- extjs的css效果及与传统布局结合下的panel的使用及表单提交
- extjs的css效果及与传统布局结合下的panel的使用及表单提交
- extjs在form表单提交成功、故障响应信息
- extjs中form表单提交成功、失败的响应信息
- 结合原生http url请求的过程,分析form即表单提交的原理
- 【Extjs优化二】 Form表单提交通用
- extjs 9 EXT的form表单ajax提交(默认提交方式)
- ExtJS与.NET结合开发实例(Grid之新增——Form提交篇)
- PHP结合HTML5使用FormData对象提交表单及上传图片
- Extjs提交form表单的方式
- Extjs的form表单中,如何不提交数据
- ExtJs 备忘录(4)—— Form表单(四) [ 数据提交 ]
- Extjs 提交表单(注意Form必须的规定)