Extjs的tpl结合form表单提交

最新推荐文章于 2020-12-19 10:33:06 发布

iseisen

最新推荐文章于 2020-12-19 10:33:06 发布

阅读量1.1k

点赞数

分类专栏： Extjs 文章标签： ext

本文链接：https://blog.csdn.net/jingzizhu/article/details/38714703

版权

Extjs 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

这里简单介绍一下使用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属性即可