extjs 添加和编辑共用一个FormPanel，根据不同的动作动态改URL

最新推荐文章于 2018-06-04 15:10:00 发布

原创最新推荐文章于 2018-06-04 15:10:00 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

javaScript 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用Ext.js库创建一个自定义的表单组件，包括组件的构造函数、属性配置和使用方法。适用于需要个性化表单元素的开发者。

MyForm = Ext.extend(Ext.FormPanel,{
	Code:null,            //接口编码	
  
	constructor:function(url){  ///把url作为参数传进来
		this.Code = new Ext.form.TextField({
          		 fieldLabel: "编码",
          		 xtype: 'textfield',
         		 anchor: '90%',
         		 allowBlank:false,
		});
	IntfInfoForm.superclass.constructor.call(this,{
			height:90,
			labelWidth: 40,
			labelAlign: 'left',
			frame: true,
			url:url,/////使用参数赋值
			bodyStyle:"padding: 15px 5px 0",
			layout: 'form',
			items:[this.Code]
		});
	}
});

在其他地方使用上面的Form:

如果是添加：url="执行插入sql的方法地址";

如果是添加：url="执行更新sql的方法地址";

var form=new MyForm(url)////初始化form的时候传url就可以了