ext form reset() 失效!

问题描述

代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>templateAdmin</title><link rel="stylesheet" type="text/css" href="../../resource/js/ext/resources/css/ext-all.css" /><script type="text/javascript" src="../../resource/js/ext/adapter/ext/ext-base.js" ></script><script type="text/javascript" src="../../resource/js/ext/ext-all-debug.js"></script><link href="../../resource/js/ext/resources/css/xtheme-silverCherry.css" rel="stylesheet" type="text/css" /><link href="../../resource/css/common.css" type="text/css" rel="stylesheet" /><script type="text/javascript">Ext.onReady(function(){Ext.BLANK_IMAGE_URL = '../../resource/images/s.gif';Ext.addForm = new Ext.form.FormPanel({region:'center',bodyStyle:'padding-top:65px; padding-left:130px;',labelWidth:40,labelAlign:'right',frame:true,items:[{xtype:'textfield',fieldLabel:'模板',id:'file',name:'file',inputType:'file',cls:'x-form-item'},{ xtype:"combo", fieldLabel: '模型', id:'combo', name: 'combo', store: new Ext.data.SimpleStore({ fields: ['value', 'text'], data: [ ['value1', 'text1'], ['value2', 'text2'] ] }), displayField: 'text', valueField: 'value', mode: 'local', emptyText:'请选择', cls:'x-form-item', triggerAction: 'all' }],buttons:[{text:'添加',handler:function(){alert(Ext.getCmp('file').getValue() + ' ' + Ext.getCmp('combo').getValue());}},{text:'重置',handler:function(){Ext.addForm.getForm().reset();}}]});Ext.TmpAdminPanel = new Ext.Panel({renderTo:'content',width:500,height:300,layout:'border',frame:true,items:[Ext.addForm]}); });</script><style type="text/css">.x-form-item {float:left;margin-bottom:30px;}</style></head><body><div id="content" style="padding-top:20px;padding-left: 200px;"></div></body></html>模型重置成功!但模板重置不成功!不知为什么?? 问题补充:babydeed 写道

解决方案

只有这样了,文本框叫A(这个文本框是普通的文本框) 后面是个按钮 一点这个按钮 弹出一个window里面是一个{ xtype:'textfield', fieldLabel:'模板', id:'file', name:'file', inputType:'file', cls:'x-form-item' }, 下面有个按钮确定 一点确定 就这个window里面的你所选择的文件地址给文本框A 然后 弹出的window隐藏或者销毁
解决方案二:
inputType:'file', 这样的东西 只读的

时间: 2025-01-24 02:28:20

ext form reset() 失效!的相关文章

Ext.form.TextField最简单的用法

  var textfieldName = new Ext.form.TextField ({ id:"textfieldName", allowBlank:false,//默认是true,如果是false,就是不允许空 //假如不为空时,定义提示信息 默认的提示信息是:This field is required //要使提示内容出现,需要添加 Ext.QuickTips.init(); blankText:"请输入数据", disabled:false,//默认

Ext form表单加载时 下拉框取值的问题

问题描述 Ext form表单加载时 加载的数据 后台传的的是id号,下拉框匹配的时候匹配当该id的name可是现在有个问题,当表单加载完成 下拉框的数据还没加载完成 这时下拉框显示的id,不是name只有当下拉框数据源先加载完 表单数据后加载完 才显示的是name.....有人说 给下拉框数据源添加 load事件 在load事件方法里面 给组件赋值:Ext.getCmp("组件Id").set(value).可是这个value 是form表单里jsonreade里的 我怎么能方便的取

viewport,Ext.panel和Ext.form.panel的关系

//一个普通的表单 var frm = new Ext.form.FormPanel({ defaultType: 'textfield', labelAlign: 'right', title: 'form1-center', labelWidth: 50, frame: true, width: 120, height:200, region: 'center', closable: true, //这个属性就可以控制关闭该from items: [{ fieldLabel: '文本框' }

ExtJs之Ext.form.field.TimePicker DatePicker组合框

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/

ExtJs之Ext.form.field.ComboBox组合框

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/

extjs4-使用Ext.form.action.Action ,断开与服务端的连接,再提交,提示框无法关闭

问题描述 使用Ext.form.action.Action ,断开与服务端的连接,再提交,提示框无法关闭 使用Ext.form.action.Action 来提交数据,提交前断开与服务端的连接,再提交.waitMessage的信息一直显示,该怎么关闭啊 解决方案 配置timeout 和failure,超时后触发failure事件,隐藏起来就行了~ timeout单位为妙..

ext form 表单提交数据的方法小结_YUI.Ext相关

EXT的form表单ajax提交(默认提交方式)  复制代码 代码如下:  1. function login(item) {    2.    3. if (validatorForm()) {    4. // 登录时将登录按钮设为disabled,防止重复提交    5. this.disabled = true;    6.    7. // 第一个参数可以为submit和load    8. formPanl.form.doAction('submit', {    9.    10.

关于viewport,Ext.panel和Ext.form.panel的关系_extjs

Ext.panel 可以存放很多元素,最常见的是Ext.form.formPanel对象,也可以用borderlayout布局 下面是我写的一个小例子,顶级容器不是viewport而是tabpanel 复制代码 代码如下: //一个普通的表单 var frm = new Ext.form.FormPanel({ defaultType: 'textfield', labelAlign: 'right', title: 'form1-center', labelWidth: 50, frame:

jquery.form.js失效问题。

项目中引用 jquery.form.js插件. 打算用      .ajaxForm(options);    方式提交到后台,但是发现  .ajax 是可以正常交互的,但是  .ajaxform 就是不行. 首先 在form表单中,button的type问题.  form表单中,button 的 type 有三种值. 分别是: reset : 如果button type="reset"   在没有任何事件 的条件下,会清空当前 form 的所有内容. button: 默认,就是一个按