EXTJS - 在Grid中提交表单和显示值

时间:2012-11-02 11:27:18

标签: extjs

我是EXTJS的新手。使用表单和网格处理应用程序。

表格将包含浏览(上传文档),Combobox,textarea和Datefield。在提交时,必须显示进度条以显示上传进度。

文档路径,组合框字段值,文本区域值&输入的日期值必须显示在网格中。默认情况下,删除按钮在每行的网格中都有,一旦出现值。

我尝试使用POST方法提交表单并输出为JSON格式。我可以获得除 Filefield 之外的其他字段的价值。 如何获取文件字段值

由于

var form = Ext.getCmp('Docinfo').getForm();
if(form.isValid())
{
  var record = form.getValues();
  var output_json = {"header": Ext.JSON.encode(record)};
  Ext.Ajax.request({
  url:'data/CSApp.json',
  waitMsg: 'Uploading your file...',
  method: 'POST',
  jsonData: output_json,
  success: function(response) {
  Ext.Msg.alert('Data submitted');
  Ext.getCmp('Docinfo').getForm().reset();
  },
  failure: function(response) {
  Ext.Msg.alert('Error while submitting data');
  },
  headers: {'Content-Type' : 'text/html' , 'Accept' : 'application/json'}
  });
  }
  }

1 个答案:

答案 0 :(得分:0)

首先,无法通过AJAX提交fileinput。文档清楚地描述了这个: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.File

其次,为什么使用Ajax请求提交表单值而不是表单提交功能本身?