`
tanlingcau
  • 浏览: 138194 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.form.FormPanel 加载数据 之 1

阅读更多
servlet端的数据:{results:1,root:[{"nodeFlag":0,"nodeTrigger":0,"state":"停止","lastRun":"","lastHeartBeat":"","nodeDelay":0}]}
 var queryurl = Listener + '?className=etl.db.Node&methodName=getManageNodeJSON&paramCount=0';
 var configFormPanel = new Ext.form.FormPanel({
		id : 'configFormPanel',
		title : '管理节点',
		region : 'west',
		width : 400,
		loadMask : true,
		labelAlign : 'right',
		labelWidth : 160,
		frame : true,
		layout : 'form',
		url : queryurl,
		items : [nodeFlag, nodeDelay, nodeTrigger, lastRun, lastHeartBeat,
				state],
		reader : new Ext.data.JsonReader({
			root : 'root'
		}, [{
			name : 'nodeFlag',
			mapping : 'nodeFlag',
			type : 'int'
		}, {
			name : 'nodeDelay',
			mapping : 'nodeDelay',
			type : 'int'
		}, {
			name : 'nodeTrigger',
			mapping : 'nodeTrigger',
			type : 'int'
		}, {
			name : 'lastRun',
			mapping : 'lastRun',
			type : 'string'
		}, {
			name : 'lastHeartBeat',
			mapping : 'lastHeartBeat',
			type : 'string'
		}, {
			name : 'state',
			mapping : 'state',
			type : 'string'
		}]),
		buttons : [{
			text : '保存修改',
			handler : function() {
				updateManageNode();
			}
		}]
	});

configFormPanel.form.load({
		waitMsg : '正在载入数据...',
		success : function(form, action) {
		},
		failure : function() {
			Ext.MessageBox.alert('错误提示', '加载运行参数时出现未知错误!');
		}
	});


FormPanel中有组件可以比数据中包含的多也可以比数据中包含的少,也就是说,只要在reader中配置的都可以找到,传过来的数据多少与FormPanel中控件的多少是无所谓的。
分享到:
评论

相关推荐

    Ext form_load

    在Ext JS中,`Ext.form_load`涉及到的主要知识点是FormPanel的数据加载机制,这包括了对FormPanel的form对象、BasicForm、doAction方法、Ext.form.Action对象以及JsonReader的使用。以下是对这些概念的详细解释: 1...

    Ext 动态加载表单数据

    在Ext JS这个强大的JavaScript框架中,动态加载表单数据是一种常见的功能需求,特别是在构建数据驱动的应用程序时。本文将深入探讨如何使用JSON格式的数据来实现这一功能,以便于灵活地更新和显示表单内容。 首先,...

    EXT3.2 多选下拉框

    var formPanel = new Ext.form.FormPanel({ items: [multiSelectComboBox], renderTo: Ext.getBody() }); ``` 在上述代码中,我们创建了一个JSON数据存储,并将其与ComboBox关联。设置`multiSelect: true`后,...

    ExtJs 动态添加表单

    通过`bind`方法或`form.loadRecord`方法可以加载和保存数据。 7. **表单验证**: 表单验证是确保用户输入符合预设规则的关键部分。ExtJS提供内置的验证功能,可以在字段级别或表单级别设置验证规则。 在这个案例...

    ext学习资料ext学习资料

    Form组件,即`Ext.form.FormPanel`,用于创建和管理表单数据。它可以包含各种输入控件,如文本字段、复选框、下拉列表等。表单数据可以方便地提交到服务器,或者与数据存储进行双向绑定。下面是一个创建简单表单的...

    简单的两种Extjs formpanel加载数据的方式

    当formpanel的数据源与一个`Ext.data.Model`实例(通常来自`Ext.grid.Panel`的行数据)相同,我们可以直接利用`Form.getForm().loadRecord(record)`方法来加载数据。这个方法会将模型对象`record`中的数据映射到表单...

    ExtJs4.0 表单提交Demo

    ExtJs 4.0的FormPanel对象提供了`getForm()`方法获取表单实例,然后通过`form.submit()`或`form.serialize()`方法完成数据的序列化。 4. **表单提交过程** - **创建表单组件**:首先,定义一个FormPanel,并在其...

    Extjs实用教程

    - **FormPanel**: `Ext.FormPanel`,表单容器。 - **Checkbox**: `Ext.form.Checkbox`,复选框。 - **ComboBox**: `Ext.form.ComboBox`,下拉选择框。 - **DateField**: `Ext.form.DateField`,日期输入框。 - ...

    Ext3.0 api帮助文档

    - **Ext.form.FormPanel**: 创建表单的容器,支持多种表单元素和验证。 - **Ext.form.Field**: 表单字段类,如文本框、选择框、日期选择器等。 - **Ext.form.BasicForm**: 提供表单的提交和数据验证功能。 7. **...

    Extjs4 下拉树 TreeCombo

    var treeCombo = Ext.create('Ext.form.field.Tree', { fieldLabel: '选择节点', displayField: 'text', valueField: 'id', store: treeStore, queryMode: 'local' }); var formPanel = Ext.create('Ext....

    老师整理的extjs学习笔记

    提交 `Ext.form.FormPanel` 表单可以通过调用 `form.submit()` 方法来实现。该方法接受一个配置对象,其中可以指定服务器端的 URL、提交成功或失败后的回调函数等。 ```javascript formPanel.getForm().submit({ ...

    Ext与后台数据库交互

    `Ext.form.FormPanel`是Ext框架中用于处理表单的主要组件之一,它提供了一系列的方法来管理和提交表单数据。 - **submit方法**:`FormPanel.getForm().submit()`方法用于提交当前表单。该方法支持传递一些参数,如`...

    extjs属性方法大全

    `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: 表示操作失败时的回调函数。 - `method`: 请求方式,默认为 `...

    ext 2.0 form demo

    1. FormPanel:EXT中的FormPanel是用于构建表单的基本容器,它可以包含多个表单字段和其他组件。 2. 字段组件:EXT提供了多种内置的表单字段,如TextField(文本输入)、ComboBox(下拉框)、CheckBox(复选框)、...

    Extjs4的FormPanel从后台load json数据的要点

    在Extjs4中,可以使用`form.load()`方法将JSON数据加载到FormPanel中。这个方法接收一个配置对象作为参数,该对象通常包括URL、请求类型(GET或POST)、成功回调函数和失败回调函数等属性。当后端服务器返回JSON数据...

    Ext+JS高级程序设计.rar

    6.3.4 在form中使用Ext.Direct加载数据 185 6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext....

    Ext2.0 form使用实例的例程

    1. **表单(FormPanel)**:这是Ext 2.0中的核心表单组件,它是一个容器,可以包含各种表单字段和其他组件。FormPanel提供了数据提交、验证、加载和保存的功能。 2. **表单字段(Form Fields)**:包括文本字段...

    ext2.0

    EXT 中的表单组件(`Ext.form.FormPanel`)在数据交互中起着关键作用。例如,`createForm()` 方法创建了一个包含输入字段的表单面板,允许用户输入或编辑数据。表单的提交是通过 `form.submit()` 实现的,它支持异步...

    ExtJs实现数据加载和提交经典代码

    这里的`form`对象实际上是`Ext.form.BasicForm`类型,它包含了`load`和`submit`两种方法,用于完成数据的加载和提交工作。 ### load和submit方法 - **load方法**:该方法主要用于从服务器端加载数据并填充到表单中...

Global site tag (gtag.js) - Google Analytics