利用form加载数据
Ext.getCmp('collect_task_form').getForm().load({
url: "./collectTaskView.do"
,params: {
id: id
}
,success: function(form, action){
//Ext.example.msg('编辑', '载入成功!');
//alert(Ext.getCmp("data").getValue());
var o = Ext.util.JSON.decode(action.response.responseText);
if (o) {
var root = o.root;
var pack = root[0];
alert(pack.displayName);
}
}
,failure: function(form, action){
Ext.MessageBox.show({
title: '错误',
msg: '出现异常创建失败,请与管理员联系.',
buttons: Ext.MessageBox.OK,
icon: Ext.MessageBox.ERROR
});
}
,waitMsg: "正在加载数据,请稍候..."
});
Formpanel中必须有
,reader: new Ext.data.JsonReader({root:'root'},
[{name: 'pack',mapping:'pack',type:'string'}
])
转自:http://blog.csdn.net/davidxj/article/details/4092646
分享到:
相关推荐
在Ext JS中,`Ext.form_load`涉及到的主要知识点是FormPanel的数据加载机制,这包括了对FormPanel的form对象、BasicForm、doAction方法、Ext.form.Action对象以及JsonReader的使用。以下是对这些概念的详细解释: 1...
通过以上内容的介绍,我们可以了解到在Extjs4中如何利用`form.load()`方法实现从后台加载JSON数据,并将其映射到表单字段中显示的过程。这不仅有助于提高开发效率,还能增强应用程序的灵活性。希望本文能够帮助您更...
例如,`form.load()`用于加载表单数据,`form.submit()`用于提交表单,`field.setValue()`用于设置字段值,`field.validate()`用于执行字段验证。 五、Demo分析 在"demo"这个压缩包中,可能包含了EXT 2.0表单示例...
表单数据与后端服务的交互通常通过`Ext.form.action.Submit`或`Ext.form.action.Load`进行。 4. **数据存储(Store)**:`Ext.data.Store`是连接数据模型和视图的关键,它负责管理数据加载、更新和同步。在这个例子...
在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...
var comboBox = Ext.create('Ext.form.ComboBox', { fieldLabel: '选择项', store: ['选项1', '选项2', '选项3'], displayField: 'text', valueField: 'text', }); ``` 2. **添加或删除选项**: 当需要添加...
ext form 提交表单介绍 个个属性的介绍 两个函数介绍
FormPanel 则用于创建和更新数据,它可以与后台数据库进行数据交换,通过 Form 的 Submit 或 Load 方法实现数据的保存和读取。 **Drag 功能** EXT.NET 1.x 提供了拖放(Drag & Drop)功能,允许用户通过鼠标操作将...
- Store是Ext JS中用于存储数据的组件,它包含了数据模型(Model)和数据源(DataSource)。在级联下拉框中,通常会有两个store,一个用于父级下拉框,一个用于子级下拉框。你需要根据实际的数据结构,定义对应的...
在EXTJS中,可以使用`Ext.Ajax`或`Ext.data.Store`的`load`方法发送异步请求,获取与新选择相关的数据。 4. **Model(数据模型)**:数据模型定义了数据的结构和行为。在联动中,可能需要根据不同的COMBOBOX定义...
在本文中,我们将深入探讨Ext Js的核心组件,包括Grid、Form和Tree,并讨论如何在项目中有效地引入和使用Ext Js。 1. **Grid组件** Grid是Ext Js中用于展示和操作表格数据的关键组件。`Ext.grid.GridPanel`允许你...
要将Editgridpanel与数据库连接,我们需要创建一个数据源,这通常是通过EXT的Store对象实现的。Store负责从服务器获取数据,并将其与GridPanel进行绑定。 1. **设置Store**:创建一个Store实例,配置URL属性为后端...
`Ext.form.Action`是ExtJS中的一个类,用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success**: 执行成功后的回调函数,该函数接收两个参数:`form`(当前...
在ExtJS中,下拉列表树主要由`Ext.form.field.Tree`类来创建。这个类扩展自`Ext.form.field.Select`,因此它具备常规下拉列表的所有特性,同时增加了树形结构的展示和操作。以下是一些关于如何使用Ext下拉列表树的...
EXT的form表单ajax提交(默认提交方式) 代码如下: 1. function login(item) { 2. 3. if (validatorForm()) { 4. // 登录时将登录按钮设为disabled,防止重复提交 5. this.disabled = true; 6. 7...
7.2.9 从变量中提取数据的代理:ext.data.proxy.memory / 314 7.2.10 使用浏览器存储的代理:ext.data.webstorageproxy、ext.data. sessionstorageproxy和ext.data.proxy.localstorage / 314 7.3 读取和格式化...
- `store`:用于存储下拉选项的数据源,可以是数组或EXT的Store对象。 - `displayField`:指定在下拉列表中显示的字段名。 - `valueField`:指定选中选项后返回的值字段名。 - `typeAhead`:开启后,用户停止...
EXT会利用FileReader对象的`readAsDataURL`方法将图片文件转换为Data URL,这是一个包含图片数据的base64编码字符串,可以插入到`<img>`标签的`src`属性中,实现图片预览。 3. **Image组件**:EXT的`Ext.image`组件...
`Ext.form.FormPanel`是Ext框架中用于处理表单的主要组件之一,它提供了一系列的方法来管理和提交表单数据。 - **submit方法**:`FormPanel.getForm().submit()`方法用于提交当前表单。该方法支持传递一些参数,如`...
11. **store.load()**: 对于数据存储(store),调用load方法加载数据,这通常涉及从服务器获取数据并填充到组件(如网格)中。 12. **grid.store.sort(field, direction)**: 对数据存储进行排序,field是排序的...