Extjs4中點擊按鈕彈跳出表單功能

要點:表單得放在window控件裡

Ext.define('JCY.app.view.AddUserForm',{
	extend:'Ext.window.Window',//表單放在彈出窗裡
	alias:'widget.addUserForm',
	title:'添加',
	width:360,//要比表單的寬高大一點
	height:230,
	layout : 'fit',
	modal : true, // 開啟遮罩
	items:[{
		xtype:'form',
		width:350,
		height:200,
		frame:true,
		items:[
		       {
			    xtype:'textfield',
			    fieldLabel:'編號',
			    name:'num'},
			   {
			    xtype:'textfield',
				fieldLabel:'姓名',
				name:'name'},
			   {
				xtype:'textfield',
			    fieldLabel:'郵箱',
				name:'email'}
			   ],
		buttons:[{
			id:'save',
			xtype:'button',
			text:'提交'
		}]
	}]
});

發佈留言