servlet端的数据:{results:1,root:[{"nodeFlag":0,"nodeTrigger":0,"state":"停止","lastRun":"","lastHeartBeat":"","nodeDelay":0}]}
var queryurl = Listener + '?className=etl.db.Node&methodName=getManageNodeJSON¶mCount=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 JS中,`Ext.form_load`涉及到的主要知识点是FormPanel的数据加载机制,这包括了对FormPanel的form对象、BasicForm、doAction方法、Ext.form.Action对象以及JsonReader的使用。以下是对这些概念的详细解释: 1...
在Ext JS这个强大的JavaScript框架中,动态加载表单数据是一种常见的功能需求,特别是在构建数据驱动的应用程序时。本文将深入探讨如何使用JSON格式的数据来实现这一功能,以便于灵活地更新和显示表单内容。 首先,...
var formPanel = new Ext.form.FormPanel({ items: [multiSelectComboBox], renderTo: Ext.getBody() }); ``` 在上述代码中,我们创建了一个JSON数据存储,并将其与ComboBox关联。设置`multiSelect: true`后,...
通过`bind`方法或`form.loadRecord`方法可以加载和保存数据。 7. **表单验证**: 表单验证是确保用户输入符合预设规则的关键部分。ExtJS提供内置的验证功能,可以在字段级别或表单级别设置验证规则。 在这个案例...
Form组件,即`Ext.form.FormPanel`,用于创建和管理表单数据。它可以包含各种输入控件,如文本字段、复选框、下拉列表等。表单数据可以方便地提交到服务器,或者与数据存储进行双向绑定。下面是一个创建简单表单的...
当formpanel的数据源与一个`Ext.data.Model`实例(通常来自`Ext.grid.Panel`的行数据)相同,我们可以直接利用`Form.getForm().loadRecord(record)`方法来加载数据。这个方法会将模型对象`record`中的数据映射到表单...
ExtJs 4.0的FormPanel对象提供了`getForm()`方法获取表单实例,然后通过`form.submit()`或`form.serialize()`方法完成数据的序列化。 4. **表单提交过程** - **创建表单组件**:首先,定义一个FormPanel,并在其...
- **FormPanel**: `Ext.FormPanel`,表单容器。 - **Checkbox**: `Ext.form.Checkbox`,复选框。 - **ComboBox**: `Ext.form.ComboBox`,下拉选择框。 - **DateField**: `Ext.form.DateField`,日期输入框。 - ...
- **Ext.form.FormPanel**: 创建表单的容器,支持多种表单元素和验证。 - **Ext.form.Field**: 表单字段类,如文本框、选择框、日期选择器等。 - **Ext.form.BasicForm**: 提供表单的提交和数据验证功能。 7. **...
var treeCombo = Ext.create('Ext.form.field.Tree', { fieldLabel: '选择节点', displayField: 'text', valueField: 'id', store: treeStore, queryMode: 'local' }); var formPanel = Ext.create('Ext....
提交 `Ext.form.FormPanel` 表单可以通过调用 `form.submit()` 方法来实现。该方法接受一个配置对象,其中可以指定服务器端的 URL、提交成功或失败后的回调函数等。 ```javascript formPanel.getForm().submit({ ...
`Ext.form.FormPanel`是Ext框架中用于处理表单的主要组件之一,它提供了一系列的方法来管理和提交表单数据。 - **submit方法**:`FormPanel.getForm().submit()`方法用于提交当前表单。该方法支持传递一些参数,如`...
`Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: 表示操作失败时的回调函数。 - `method`: 请求方式,默认为 `...
1. FormPanel:EXT中的FormPanel是用于构建表单的基本容器,它可以包含多个表单字段和其他组件。 2. 字段组件:EXT提供了多种内置的表单字段,如TextField(文本输入)、ComboBox(下拉框)、CheckBox(复选框)、...
在Extjs4中,可以使用`form.load()`方法将JSON数据加载到FormPanel中。这个方法接收一个配置对象作为参数,该对象通常包括URL、请求类型(GET或POST)、成功回调函数和失败回调函数等属性。当后端服务器返回JSON数据...
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....
1. **表单(FormPanel)**:这是Ext 2.0中的核心表单组件,它是一个容器,可以包含各种表单字段和其他组件。FormPanel提供了数据提交、验证、加载和保存的功能。 2. **表单字段(Form Fields)**:包括文本字段...
EXT 中的表单组件(`Ext.form.FormPanel`)在数据交互中起着关键作用。例如,`createForm()` 方法创建了一个包含输入字段的表单面板,允许用户输入或编辑数据。表单的提交是通过 `form.submit()` 实现的,它支持异步...
这里的`form`对象实际上是`Ext.form.BasicForm`类型,它包含了`load`和`submit`两种方法,用于完成数据的加载和提交工作。 ### load和submit方法 - **load方法**:该方法主要用于从服务器端加载数据并填充到表单中...