如何在extjs 4.0中加载创建并将新记录加载到表单中

在ExtJS 4.0中，可以通过以下步骤来加载创建并将新记录加载到表单中：

1. 创建一个表单组件：var form = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), items: [ // 表单字段 ], buttons: [ // 表单按钮 ] });
2. 创建一个数据模型和数据存储：Ext.define('User', { extend: 'Ext.data.Model', fields: [ // 数据模型字段 ] });

var store = Ext.create('Ext.data.Store', {

   model: 'User',

   proxy: {

       type: 'ajax',

       url: 'data.php', // 替换为实际的数据接口地址

       reader: {

           type: 'json',

           rootProperty: 'data'

       }

   }

});

1. 创建一个新的记录并加载到表单中：var newUser = Ext.create('User', { // 设置默认字段值 });

form.loadRecord(newUser);

1. 监听表单提交事件，并将表单数据保存到服务器：form.on('submit', function(form, action) { if (action.success) { // 提交成功后的处理逻辑 } else { // 提交失败后的处理逻辑 } });

form.submit({

   url: 'save.php', // 替换为实际的保存数据接口地址

   method: 'POST',

   waitMsg: 'Saving...',

   success: function(form, action) {

       // 提交成功后的处理逻辑

   },

   failure: function(form, action) {

       // 提交失败后的处理逻辑

   }

});

在ExtJS 4.0中，可以使用Ext.form.Panel来创建表单组件，使用Ext.data.Model和Ext.data.Store来定义数据模型和数据存储，通过loadRecord方法将新记录加载到表单中，并通过submit方法将表单数据保存到服务器。注意替换示例代码中的数据接口地址和保存数据接口地址为实际的地址。

推荐的腾讯云相关产品：腾讯云云服务器（ECS）、腾讯云数据库（TencentDB）、腾讯云对象存储（COS）等。你可以访问腾讯云官网了解更多产品信息和详细介绍。

参考链接：

• ExtJS 4.0官方文档：https://docs.sencha.com/extjs/4.0.7/
• 腾讯云云服务器（ECS）产品介绍：https://cloud.tencent.com/product/cvm
• 腾讯云数据库（TencentDB）产品介绍：https://cloud.tencent.com/product/cdb
• 腾讯云对象存储（COS）产品介绍：https://cloud.tencent.com/product/cos