Extjs form 取值 赋值 重置

Extjs form 取值 赋值 重置

 

一、从form中获取field的三个方法：  

1、 Ext.getCmp('id');  
  
2、 FormPanel.getForm().findField('name');  
  
3、 Ext.get('id/name');//前提是FormPanel在界面上显示出来了!!!

 

二、ExtJS如何给textfield赋值的三个方法： 

var value="值";  
  
1、 fs.form.findField(name).setValue(value);  //前提是FormPanel在界面上显示出来了。
  
2、 Ext.get(id/name).setValue(value);  
  
3、 Ext.getCmp(id).setValue(value);  

 

三、ExtJS 重置表单的方法：

 

有三种方法能实现form表单的重置，假设var fs=new Ext.form.FormPanel({...});   
1、 fs.form.reset();//重置form   
2、 fs.getForm().getEl().dom.reset();//重置form   
3、 Ext.getCmp('fs').form.reset();  

 

 

 

四、formPanel组件load数据时combo的自动赋值：
 
　　combo有个hiddenName这个属性，这个属性是真正提交的值，在加载的时候你将这个属性的设置到reader中,就可以自动选择到指定的值了，比如说：hiddenName:'value',那么你的reader中就应该有一个{name:'value'}.

 

 

 

实例分析：

1.给表格增加复选框：（增加了才能在点击某行时获取该行信息！）

var sm = new Ext.grid.CheckboxSelectionModel();

 

 

2.在列模型中加入复选框：

var cm=new Ext.grid.ColumnModel({
	columns:[
	    sm,
	  {
		id:'sh',
		header: '税号',
		width: 160, 
		dataIndex: 'swdjzh',
		sortable: true,
		align: 'left',
		hideable :true,
		css:"color:black;font-size:12px;"
	},
	...
	......

 

3.在表格中增加复选框：

var enGrid=new Ext.grid.GridPanel({
    store: store,
    cm: cm,
    sm:sm,
    title:"虚拟企业信息",
    collapsible: false,
    animCollapse: false,
    renderTo: 'query-grid',
    loadMask: new Ext.LoadMask(Ext.getBody(), {msg:'正在加载数据，请稍侯……'}),
    view: enView,
    stripeRows: true,
    tbar: [
   	    {
		xtype:'radio',   
	    boxLabel:'按机构代码',   
	    name:'ftype',   
	   // id:'sh',  
	    inputValue:'sh',
	    hideLabel:true,
	    listeners:{check:function(){
    		Ext.getCmp('paras').setValue("");
	    }}
	},
	 "-",
	...
	......
	...
	"-",
	{
		text:"审核",
		iconCls:'audit',
		handler:function(){
			auditWin.show();
			if(enGrid.getSelectionModel().hasSelection()){
				var records = enGrid.getSelectionModel().getSelections();//获取选中的行的记录
				var record = records[0].data;
				var czfpbm = record.czfpbm;
				var czfp;
				for (var int = 0; int < arrCode.length; int++) {
					var array = arrCode[int];
					if (array[0] == czfpbm) {
						czfp = array[1];
						break;
					}
				}	
				auditForm.getForm().findField("swdjzh").setValue(record.swdjzh);
				auditForm.getForm().findField("qymc").setValue(record.qymc);
				auditForm.getForm().findField("dh").setValue(record.dh);
				auditForm.getForm().findField("dz").setValue(record.dz);
				auditForm.getForm().findField("frdb").setValue(record.frdb);
				auditForm.getForm().findField("czfp").setValue(czfp);
				auditForm.getForm().findField("zczb").setValue(record.zczb);
				auditForm.getForm().findField("clrq").setValue(record.clrq);
			}
		}
	}]
	...
	......

 

 

 4.面板：

var auditForm = new Ext.FormPanel({
	frame:true,
	width:450,
	height:200,
	buttonAlign : "center",  
	labelWidth:65,
	labelAlign:"right",
	items:[{//行1
		layout:"column",
		items:[{
			columnWidth:.5,
			layout:"form",
			items:[{
				name:"swdjzh",
				xtype:"textfield",
				fieldLabel:"税务号",
				readOnly:true,
				style:"background:none;border:0px;",
				width:210
			}]
		},{
			columnWidth:.5,
			layout:"form",
			items:[{
				name:"qymc",
				xtype:"textfield",
				fieldLabel:"企业名称",
				readOnly:true,
				style:"background:none;border:0px;",
				width:210
			}]
		}]
	},{//行2
		layout:"column",
		items:[{
			columnWidth:.5,
			layout:"form",
			items:[{
				name:"frdb",
				xtype:"textfield",
				fieldLabel:"法人代表",
				readOnly:true,
				style:"background:none;border:0px;"
			}]
		},{
			columnWidth:.5,
			layout:"form",
			items:[{
				name:"dh",
				xtype:"textfield",
				fieldLabel:"联系方式",
				readOnly:true,
				style:"background:none;border:0px;"
			}]
		}]
	},{//行3
		layout:"column",
		items:[{
			columnWidth:.5,
			layout:"form",
			items:[{
				name:"czfp",
				xtype:"textfield",
				fieldLabel:"财政分片",
				readOnly:true,style:"background:none;border:0px;"
			}]
		},{
			columnWidth:.5,
			layout:"form",
			items:[{
				name:"clrq",
				xtype:"textfield",
				fieldLabel:"成立日期",
				readOnly:true,
				style:"background:none;border:0px;"
			}]
		}]
	},{//行4
		layout:"column",
		items:[{
			columnWidth:.5,
			layout:"form",
			items:[{
				name:"zczb",
				xtype:"textfield",
				fieldLabel:"注册资本",
				readOnly:true,
				style:"background:none;border:0px;"
			}]
		},{
			columnWidth:.5,
			layout:"form",
			items:[{
				xtype:"textfield",
				value:"（元）",
				fieldLabel:"【单位】",
				readOnly:true,
				style:"background:none;border:0px;font-weight:bold;color:red;",
				labelStyle:"font-weight:bold;color:red;"
			}]
		}]
	},{//行5
		name:"dz",
		xtype:"textfield",
		fieldLabel:"联系地址",
		readOnly:true,
		style:"background:none;border:0px;",
		width:332,
	}],
	buttons:[{
		text:"审核通过",
		handler:function(){
			var swdjzh = auditForm.getForm().findField("swdjzh").getValue();
			//异步发请求
			Ext.Ajax.request({
				url:"audit.reg?doType=auditEnterprise",
				method:"POST",
				params:{swdjzh:swdjzh,status:1},
				success:function(response,option){
					var result = Ext.util.JSON.decode(response.responseText);
					if(result.success){
						Ext.Msg.alert("成功","审核成功！");
						auditWin.hide();
						enStore.rejectChanges();
						enStore.reload();
					}
					else{
						Ext.Msg.alert("失败","审核失败！请重新审核");
						auditWin.hide();
						enStore.rejectChanges();
						enStore.reload();
					}
				},
				failure:function(response,option){
					Ext.Msg.alert("失败","删除过程中发生错误！");
					auditWin.hide();
					enStore.rejectChanges();
					enStore.reload();
				}
			});
		}
	},{
		text:"审核不通过",
		handler:function(){
			var swdjzh = auditForm.getForm().findField("swdjzh").getValue();
			//异步发请求
			Ext.Ajax.request({
				url:"audit.reg?doType=auditEnterprise",
				method:"POST",
				params:{swdjzh:swdjzh,status:0},
				success:function(response,option){
					var result = Ext.util.JSON.decode(response.responseText);
					if(result.success){
						Ext.Msg.alert("成功","审核成功！");
						auditWin.hide();
						enStore.rejectChanges();
						enStore.reload();
					}
					else{
						Ext.Msg.alert("失败","审核失败！请重新审核");
						auditWin.hide();
						enStore.rejectChanges();
						enStore.reload();
					}
				},
				failure:function(response,option){
					Ext.Msg.alert("失败","审核过程中发生错误！");
					auditWin.hide();
					enStore.rejectChanges();
					enStore.reload();
				}
			});
		}
	},{
		text:"取消",
		handler:function(){
			auditWin.hide();
		}
	}]
});

 

 

 
 

5.后台代码：

else if ("auditEnterprise".equals(action)) {
	String str;
	int status = Integer.valueOf(request.getParameter("status"));
	String swdjzh = request.getParameter("swdjzh");
	EnDao enDao = new EnDao();
	UserPostDao userDao = new UserPostDao();
	boolean done = enDao.updateEnterpriseStatus(swdjzh, status);
	if (done) {//更新企业信息成功
		if (status == 1) {
			done = userDao.updateUserStatus(swdjzh, 1);
			if (!done) {//更新用户信息失败
				enDao.updateEnterpriseStatus(swdjzh, 2);
			}
		}
		else {
			done = userDao.updateUserStatus(swdjzh, 0);
			if (!done) {
				enDao.updateEnterpriseStatus(swdjzh, 2);
			}
		}
	}
	if(done){
		str="{success:true}";
	}else{
		str="{success:false}";
	}
	response.setContentType("text/html;charset=UTF-8");
	PrintWriter out=response.getWriter();
	out.print(str);		
	out.close();
	return;
}

 
      

 

 

展示：