`

Ext中FormPanel控件自动填充表单

 
阅读更多

向FormPanel中的自动填充表单赋值共有三种方法:

1、利用URL的方案:

form1.form.load( {
	url : EDIT_ACTION_URL+'?sid='+ _record.get('id'),
	waitMsg : '正在载入数据...',
	success : function(form,action) {
		Ext.example.msg('编辑', '载入成功!');
	},
	failure : function(form,action) {
		Ext.example.msg('编辑', '载入失败');
	}
});

 

2、利用store中的Record进行填充:

var record=sm.getSelected();
winform.getForm().loadRecord(record);

 

3、利用dwr获取对象后进行填充:

zzcParitionController.getRecordById(data.partitionid,function(paritiondata){
	winform.getForm().setValues(paritiondata);
})

paritiondata为json对象:{id:'xxxx',name:'dddsd',address:'cccccc'} 

java:

public ZzcParition getRecordById(String id){
	return this.getZzcParitionService().getParitionById(id);
}

 

分享到:
评论

相关推荐

    自我扩展FormPanel 和Store

    2. 数据感知:监听Store的数据变更事件,自动更新表单中的数据显示。 3. 自动绑定:通过在构造函数中设置`autoLoad`属性和`store`配置项,实现Store的数据自动加载到表单。 对于自我扩展的Store,我们同样创建一个...

    EXT中文手册8

    `TreePanel` 和 `FormPanel` 是EXT框架中用于构建复杂用户界面的重要组件。 - **TreePanel**:作为树形数据展示的核心组件,`TreePanel` 提供了强大的树状数据展示能力,支持多种节点类型,包括文件夹、文件等,...

    Ext简单例子

    【描述】"在Ext中一些表单控件的使用"指出了本示例主要关注的是Ext JS中的表单组件。表单在Web应用中起着至关重要的作用,它们用于收集、验证和提交用户输入的数据。在Ext JS中,你可以找到一系列预定义的表单控件,...

    extjs控件列表

    **Ext.FormPanel** - **描述**: 表单面板,用于组织和管理表单元素。 - **用途**: 创建复杂的表单,如用户注册、登录表单。 **Ext.form.Checkbox** - **描述**: 多选框,用于选择一个或多个选项。 - **用途**: 问卷...

    EXT_JS实用教程

    - **表单及字段组件**:如`FormPanel`(表单面板)、`Checkbox`(复选框)、`ComboBox`(组合框)、`DateField`(日期字段)等,用于收集用户输入的数据。 每种组件都有其特定的使用场景和配置属性,例如`Panel`...

    ExtJs xtype一览

    - **`hidden` (Ext.form.Hidden)**: 表单隐藏域组件,用于在表单中包含隐藏的信息。 - **`htmleditor` (Ext.form.HtmlEditor)**: HTML编辑器组件,允许用户编辑HTML内容。 - **`label` (Ext.form.Label)**: 标签组件...

    ExtJs 中文文档

    - **Ext.Element 类中的动画函数**:可以直接对 DOM 元素应用动画效果。 #### 六、元素操作与模板 - **Ext.DomHelper 类**:用于帮助创建和操作 DOM 元素。 - **Ext.XTemplate**:这是一种模板引擎,用于动态生成 ...

    extjs2.0 下拉列

    3. **添加到面板或表单**: 最后,将下拉列表添加到一个面板或者表单中,以便在页面上显示。 ```javascript var formPanel = new Ext.FormPanel({ renderTo: Ext.getBody(), items: [combo] }); ``` 在描述中提到...

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

    这个方法会将模型对象`record`中的数据映射到表单的各个字段,实现数据的自动填充。 例如,假设我们有一个grid,其中包含一个数据行`row`,其数据结构与formpanel的字段对应。我们可以通过以下步骤加载数据: 1. ...

    extjs-form:使用 Sencha ExtJS 的简单表单

    表单字段可以通过 `xtype` 属性定义,并在 `items` 配置项中添加到表单面板(FormPanel)中。 创建表单时,我们首先需要实例化一个 `Ext.container.Viewport`,它是页面的主要容器。然后,我们可以创建一个 `Ext....

    老师整理的extjs学习笔记

    - **items**: 表单中的字段集合。 - **buttons**: 表单底部的按钮集合。 ##### 6.1.2 提交 FormPanel 表单 提交 `Ext.form.FormPanel` 表单可以通过调用 `form.submit()` 方法来实现。该方法接受一个配置对象,...

    Extjs实用教程

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

    Extjs中文教程

    - 可以在`Ext.form.FormPanel`的`initComponent`方法中完成这些工作。 #### 十八、叹为观止的表格组件——GridPanel - **表格、表格面板** - GridPanel是Extjs中用于显示表格数据的组件。 - 支持分页、排序、...

    extjs3.0例子

    4. **Ext.form.FormPanel**: 用于创建Web表单,包括各种表单字段(如文本框、下拉框、复选框等)和按钮。FormPanel与Action类配合,可以实现数据的提交和验证。 5. **Ext.data.Store**: 存储数据的抽象层,可以连接...

    轻松搞定ExtJS.pdf

    - **初始化**: 在表单加载时预填充数据。 #### 19. 表格组件——GridPanel - **表格面板**: 显示表格数据。 - **列模型**: 定义表格的列结构。 - **数据加载**: 从服务器加载数据并显示在表格中。 #### 20. 行模型...

    extjs中利用htmleditor与第三方打印插件Lodop结合使用WEB打印功能

    Lodop是一款高效、易用的网页打印控件,它提供了丰富的打印选项和灵活的操作方式,适用于各种复杂的打印需求。本文将详细介绍如何在EXTJS环境中结合htmleditor来使用Lodop进行HTML内容的编辑和打印。 首先,我们...

    Extjs xtype集合

    - **`Class`**: `Ext.FormPanel/Ext.form.FormPanel` - **描述**: 表单面板,用于组织表单字段。 2. **`checkbox`:** - **`xtype`**: `checkbox` - **`Class`**: `Ext.form.Checkbox` - **描述**: 复选框组件...

    轻松搞定Extjs

    **: 展示了如何使用分割线等布局控件来组织表单元素。 - **表单初始化**: 介绍了如何设置表单的初始状态,如默认值等。 #### 叹为观止的表格组件——GridPanel 表格组件是展示大量数据的最佳选择,GridPanel则是...

    ExtJs GridPanel简单的增删改实现代码

    不过在打开窗口前,需要先从GridPanel中选中的行获取已有数据,将这些数据填充到表单中。当用户修改完毕并提交表单后,更新选中的行的数据,并进行数据的刷新操作。 整体而言,ExtJs GridPanel实现增删改功能涉及到...

Global site tag (gtag.js) - Google Analytics