table表格版面配置

var addForm = new Ext.form.FormPanel({<br />labelAlign : 'right',//標籤向靠右對齊<br />frame : true,<br />border : false,<br />width : '100%',<br />height : 40,<br />layout : 'table',//聲明為表格版面配置<br />defaults : {<br />bodyStyle : 'padding:2px;font-size:12px;text-align:right;margin:3px;'//基本樣式<br />},<br />layoutConfig : {<br />columns : 5//表格每行產生5列<br />},<br />url : 'action!save.action',<br />items : [{//表格第一行開始<br />html : '    ',<br />colspan : 2//跨2列<br />}, {<br />html : '招聘企業：'<br />}, combo, {<br />html : ' '<br />}, {//表格第二行開始<br />html : '    ',<br />colspan : 2<br />}, {<br />html : '參會家數：'<br />}, new Ext.form.NumberField({<br />name : 'ctn.joinNum',<br />fieldLabel : '參會家數',<br />allowBlank : false,<br />emptyText : MESSAGE.empty_input,<br />maxValue : 1000,<br />// blankText : '參會家數不可為空',<br />// msgTarget : 'under',<br />allowNegative : false,<br />allowDecimals : false,<br />width : 60<br />}), {<br />html : ' '<br />}, {//表格第三行開始<br />html : '    ',<br />colspan : 2<br />}, {<br />html : '參會日期：'<br />}, new Ext.form.DateField({<br />fieldLabel : MESSAGE.joinDate,<br />emptyText : MESSAGE.empty_select,<br />labelWidth : 100,<br />readOnly : true,<br />allowBlank : false,<br />value : new Date(),<br />format : 'Y-m-d',<br />disabledDays : [1, 2, 5],<br />name : 'ctn.joinDate',<br />id : 'joinDate'<br />}),{<br />html : ' '<br />} , {//表格第四行開始，為一個空白行，為了將以上幾個控制項與按鈕隔開<br />html : ' ',<br />colspan : 5//佔用5列，即這行表現為空白行<br />}, {//表格第五行開始。按鈕行<br />html : '           ',<br />colspan : 3<br />}, new Ext.Button({//提交按鈕<br />align : 'right',<br />text : MESSAGE.submit,<br />handler : function() {<br />if (!addForm.getForm().isValid()) {<br />return;//表單未通過驗證，返回<br />}<br />addForm.getForm().submit({<br />success : function(form, action) {<br />var msg = action.result.msg;//取得返回訊息<br />var id = action.result.id;<br />if (msg == '1') {<br />Ext.Msg.alert(MESSAGE.msg, '成功錄入！');<br />addForm.getForm().reset();//重設表單<br />queryHandler();//處理查詢<br />addWin.hide();//隱藏視窗<br />} else if (msg == '2') {<br />Ext.MessageBox.confirm(<br />MESSAGE.empty_select,<br />'資料已存在，是否修改？', function(btn) {<br />if (btn == 'yes') {//選擇 是<br />addForm.getForm().id = id;<br />addForm.getForm().submit({//提交修改的資料<br />url : 'action!updateCount.action',<br />params : {<br />'ctn.id' : id<br />},<br />success : function(<br />form, action) {<br />var msg2 = action.result.msg;<br />if (msg2 == '1') {<br />Ext.Msg<br />.alert(<br />MESSAGE.msg,<br />'修改成功！');<br />queryHandler();<br />addWin.hide();<br />} else {<br />Ext.Msg<br />.alert(<br />MESSAGE.msg,<br />'修改失敗！');<br />}<br />},<br />failure : function() {<br />Ext.Msg<br />.alert(<br />MESSAGE.msg,<br />MESSAGE.connect_error);<br />}<br />});<br />}<br />})<br />} else {<br />Ext.Msg.alert(MESSAGE.msg, '錄入失敗！');<br />}<br />},<br />failure : function(form, action) {<br />if (action.failureType == Ext.form.Action.SERVER_INVALID) {<br />Ext.Msg.alert(MESSAGE.error,<br />MESSAGE.server_error);<br />} else {<br />Ext.Msg.alert(MESSAGE.error,<br />MESSAGE.connect_error);<br />}<br />}<br />})<br />}<br />}), new Ext.Button({//關閉按鈕<br />text : MESSAGE.close,<br />handler : function() {<br />addWin.hide();<br />}<br />})]<br />})