Extjs4 Ext.form.Panel loadRecord ajax数据

原创于 2018-08-06 17:18:07 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

原创不易，白嫖不好，如果有用，请点赞，让更多的朋友看到这篇文章。

Extjs 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了如何在ExtJS中使用Form组件加载AJAX返回的数据，并提供了具体的代码示例。首先指出了直接使用loadRecord方法加载数据的问题所在，接着给出了正确的解决方案：通过创建模型实例来实现数据的正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

from组件的loadRecord是比较好使的方法，通过加载grid的行数据，可以直接赋值，这里不再多说。
下面我要说的是，from加载ajax的数据，代码如下

Ext.Ajax.request({
  url:'地址',
  method:'post',
  params:{
    //参数
  },
  success: function(re, opts) {
    var response = Ext.decode(re.responseText);
    from.loadRecord(response.data);
  },
  failure: function(re){
    console.log(re.responseText);
  }
});

很明显，这样用是不可以的，因为loadRecord加载的数据类型是模型 Ext.data.Model ，不是数组，所以，我们要改一下

//模型
Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: ['id','name']
});
---
success: function(re, opts) {
    var response = Ext.decode(re.responseText);
    var data = Ext.create('User', response.data[0]);
    from.loadRecord(data);
},