Extjs Form 表单修改

Extjs修改分两种方法:1.前台直接加载;2.通过后台远程加载

1.直接加载:方法 form.getForm().loadRecord();

应用时要求页面上已经存在页面中的所有数据,比如选中gridPanel一行,然后直接传递此行记录,到formPanel页面,可直接加载

2.后台加载:方法 form.getForm().load();

应用时 传递一个参数到后台,然后远程取值,绑定。

实例:

 

    var datasReader = new Ext.data.JsonReader({ root: 'data', totalProperty: 'totalCount' },
    [{
        name: "playerPeriod", mapping: "playerPeriod",type:'string'
    }, {
        name: "playerNo", mapping: "playerNo",type:'string'
    }]);
    EditDatasInfoForm.getForm().reader = datasReader;
    EditDatasInfoForm.getForm().load({
        url: "URL/DatasInfo/GetDatasInfoByID.aspx",
        method: "post",
        params: { gid: rowid },
        success: function (form, action) {
        }
    })

 

from:http://blog.csdn.net/aikesi117/article/category/583155 

时间: 2025-01-27 23:32:44

Extjs Form 表单修改的相关文章

extjs form表单绑定数据

问题描述 extjs form表单绑定数据 Ext.define('taskList' { extend: 'Ext.data.Model' fields: [ { name: 'TASK_ID' type: 'string' } { name: 'ITEM' type: 'string' } { name: 'INFO' type: 'string' } { name: 'MARK' type: 'int' } { name: 'EMPID' type: 'string' } { name:

Extjs form 表单添加已有的软键盘控件

问题描述 Extjs form 表单添加已有的软键盘控件 现在那两个输入框都是普通的输入框. 我想换成带 软键盘控件的输入框. 我的软键盘输入框是单独的js. 在页面是只要加入 writeEditObject("safeedit",{"entertype":"edit","width":170,"height":24,"accepts":"[:print:]+",&q

textfield-extjs form表单怎么绑定数

问题描述 extjs form表单怎么绑定数 表单里的xtype: 'textfield',怎么绑定store里的数据.或者怎么把后台json数据直接赋值给文本框 解决方案 http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.form.Panel-method-loadRecord 不是有API,调用loadRecord方法就行,建立好模型,然后创建模型对应的记录集后调用方法加载 Ext.define('record', {extend: 'Ext.dat

ExtJs 备忘录(3)—— Form表单(三) [ 数据验证 ]

前言 本章主要讲ExtJS表单验证方面,正好趁着周末多写两篇,一边梳理之前用过的代码,一边就地取材补充相关方面的资料,算是温习+补习吧 : ) 系列 1. ExtJs 备忘录(1)-- Form表单(一) [ 控件使用 ] 2. ExtJs 备忘录(2)-- Form表单(二) [ 控件封装 ] 3. ExtJs 备忘录(3)-- Form表单(三) [ 数据验证 ] 推荐 1. ExtJS中表单验证使用自定义vtype示例  2. ExtJs2.0学习系列(5)--Ext.FormPanel之

ExtJs 备忘录(2)—— Form表单(二) [ 控件封装 ]

前言 本以为可以稳稳当当的工作.安安心心的写文章,结果我做了一件非常疯狂的事情,换新工作一周后辞了--然后去了另外一家公司 - - #,理由就不详说了,总之现在是每天加班到8-9点,虽然如此但是这个团队非常棒,喜欢这里的气氛,大家都努力的工作着,经理也是常睡在公司,希望产品顺顺利利的月底上线,我也加油 !不过这样一来文章可能会慢点,挤挤时间吧:  ) 本篇主要是将对Ext常用控件和属性进行封装,以减少动辄几百行的JS代码,也方便使用. 系列 1. ExtJs 备忘录(1)-- Form表单(一)

ExtJs 备忘录(1)—— Form表单(一) [ 控件使用 ]

前言 ExtJS接触至今已有4个月(5.1 - 9.1),小有心得,由于公司短期内并没有打算采用,所以备忘之以备他日之需.虽然网上资料不少,但学起来仍感费劲,所以还是想以自己的方式来与众分享. 系列 1. ExtJs 备忘录(1)-- Form表单(一) [ 控件使用 ] 版本 Ext 3.0.0 正文 一.效果图 先用美图勾引那些驻足观望之人: 二.代码讲解 如果项目中大量采用ExtJS做前端,我建议采用PageBase方式来引用和使用它. 2.1 目录结构 项目中使用Ext并不需要把整个Ex

ExtJs 备忘录(4)—— Form表单(四) [ 数据提交 ]

前言 忙的时候再一懒.再加上中途没能迅速解决一些问题,所以把文章拖延到了国庆,不过总算是在今天搞定了.这系列文章可能全部完成可能需要继续延后了,有计划继续写视频监控方面的文章,所以尽量合理安排吧 : ) 系列 1. ExtJs 备忘录(1)-- Form表单(一) [ 控件使用 ] 2. ExtJs 备忘录(2)-- Form表单(二) [ 控件封装 ] 3. ExtJs 备忘录(3)-- Form表单(三) [ 数据验证 ] 4. ExtJs 备忘录(4)-- Form表单(四) [ 数据提交

浅谈jquery采用attr修改form表单enctype不起作用的问题_jquery

做文件上传,需要将表单元素的enctype设置为'multipart/form-data',用jquery的attr方法在目前较新的主流浏览器上测试均可成功,唯独IE下死活不行.后来查阅ie浏览器6,7,8(9+由于开发机为xp,未进行测试)不支持attr的方式来修改enctype属性,需要通过dom元素的原生方法来设置, 代码如下: $('#form1').get(0).encoding = 'multipart/form-data'; 以上这篇浅谈jquery采用attr修改form表单en

extjs-Extjs的form表单所有字段设置不可编辑

问题描述 Extjs的form表单所有字段设置不可编辑 首先,这段代码在点编辑打开窗口的时候可以把form的所有字段都设置为不可编辑. var form = getWinForm(grid); form.items.each(function(items) { items.items.each(function(item) { console.log(item); //item.setReadOnly(true); item.readOnly = true; item.fieldStyle =