JS代码如下:
Ext.onReady(function() {
Ext.QuickTips.init();
// turn on validation errors beside the field globally
Ext.form.Field.prototype.msgTarget = 'side';
/*
* ================ Simple form =======================
*/
var simple = new Ext.form.Form({
labelAlign: 'right',
labelWidth: 75, // label settings here cascade unless overridden
url:'/form',
buttonAlign: 'center'
});
var simple_name = new Ext.form.TextField({
fieldLabel: 'Name',
name: 'name',
width:175
});
var simple_title = new Ext.form.TextField({
fieldLabel: 'Title',
name: 'title',
width:175
});
simple.fieldset(
{legend:'Edit'},
simple_name,
simple_title
)
var simple_data = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url: '/form/edit.jsp?id=10'}),
reader: new Ext.data.JsonReader({}, [ 'id', 'name', 'title']),
remoteSort: false
});
simple_data.on('load', function() {
simple_name.setValue(simple_data.getAt(0).data.name);
simple_title.setValue(simple_data.getAt(0).data.title);
simple.addButton('Save', function() {
if (simple.isValid()) {
simple.submit({
params:{
action:'submit',
id:simple.getAt(0).data.id
},
waitMsg:'Saving...'
});
} else {
Ext.MessageBox.alert('Errors', 'Please fix the errors noted.');
}
}, simple);
simple.render('form-ct');
});
simple_data.load();
});
问题:simple_name.setValue(simple_data.getAt(0).data.name); 报异常,提示getAt(...)为空或不是有效对象。
分享到:
- 2007-06-19 22:37
- 浏览 3724
- 评论(8)
- 论坛回复 / 浏览 (8 / 5175)
- 查看更多
相关推荐
Ext Form全攻略 Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略
ext form 例子,有输入框,选择框,下拉框,复选框,日历等的复杂ExtJS例子
"Ext Form GridPanel"是Ext JS库中的一个重要组件,它结合了表格(Grid)和表单(Form)的功能,提供了一种强大而灵活的方式来显示和编辑数据。在Web应用程序开发中,这种组件常用于数据录入和展示,尤其适用于处理...
在“EXT form小例子”中,我们将探讨EXTJS Form组件的基础用法,包括客户端验证和对`Ext.form.Vtype`的扩展。 1. EXTJS Form组件基础: - 表单创建:EXTJS中的表单通常通过`Ext.create`方法创建,如`Ext.create('...
Ext Form 是 Ext JS 库中的一个关键组件,用于创建丰富的、交互式的网页表单。它在Web应用程序中扮演着至关重要的角色,允许用户输入、编辑和提交数据。本示例旨在展示如何使用 Ext Form 来构建基本的表单结构以及与...
根据给定的信息,本文将详细解释“Ext 添加功能form表单实例”的知识点,这主要针对Ext初学者。本文会从创建表单、字段定义、验证规则以及提交逻辑等方面进行深入探讨。 ### Ext 添加功能form表单实例 #### 表单...
在Ext JS中,`Ext.form_load`涉及到的主要知识点是FormPanel的数据加载机制,这包括了对FormPanel的form对象、BasicForm、doAction方法、Ext.form.Action对象以及JsonReader的使用。以下是对这些概念的详细解释: 1...
在这个“Ext2.0 form使用实例的例程”中,我们将深入探讨Ext 2.0的表单(form)组件及其应用。 表单在任何应用程序中都扮演着至关重要的角色,用于收集和验证用户输入的数据。Ext 2.0的表单组件提供了一整套完整的...
EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件,用于创建具有不同功能的交互式表单。在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 ...
EXT form通常由`Ext.form.Panel`或者`Ext.form.FieldSet`构建,其中包含各种字段如文本框、复选框、下拉框等。每个字段都有自己的配置选项,如`fieldLabel`(字段标签)、`name`(标识符)等。通过这些配置,我们...
### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...
以下将详细介绍EXT中的"form"、"grid"及"高级详解"的相关知识点。 一、EXT Form EXT Form组件是用于创建复杂Web表单的强大工具。它支持多种输入类型,如文本框、密码框、下拉选择、复选框、单选按钮等,并提供了...
在本示例中,"EXT dojochina文本框示例Ext.form.TextField.rar"是一个压缩包,包含了EXT框架中关于`Ext.form.TextField`组件的示例代码。 `Ext.form.TextField`是EXT框架中的一个核心组件,用于创建基本的输入字段...
在本文中,我们将深入探讨Ext Form组件,这是Ext JS中的核心组件之一,用于创建复杂的表单界面。表单是任何Web应用中收集用户输入的关键部分,而Ext JS提供了一套完整的工具来帮助开发者创建、验证和提交表单数据。 ...
Ext 2.1提供了多种布局模式,如fit布局、border布局、form布局等,以适应不同类型的用户界面需求。布局管理器负责调整组件大小和位置,确保它们在容器中正确显示。 此外,Ext 2.1还包含一套强大的表格处理功能。Ext...
首先,理解Ext JS中的表单(Form)组件是至关重要的。表单通常由一系列字段(Fields)组成,如文本框、复选框、下拉列表等,用于用户输入数据。Ext Form提供了一种结构化的方式来组织这些字段,并提供了验证、提交和...
### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...
在EXT JS中,表单(Form)是数据输入和验证的核心组件。本文主要总结了EXT表单提交数据的三种常见方法:EXT的form表单AJAX提交、非AJAX提交以及EXT的Ajax类直接提交。 1. EXT的form表单AJAX提交(默认提交方式) ...
在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...
6. **EXT Form**:EXT的表单组件支持各种输入类型,如文本、密码、日期、下拉框等,还有表单验证功能,保证了数据的准确性和完整性。 7. **EXT Tree**:EXT的树形视图组件适用于层次结构数据的展示,可以进行展开、...