前幾天遇到一個比較複雜的表單格式，如果用Ext.net的佈局做起會比較麻煩（Ext.net這個佈局複雜表單一直是讓人不爽的地方）用Table做起來會比較簡單，於是乎使用了Panel的Content標籤。

結構如下：<ext:FormPanel ID="ContentForm" runat="Server" Padding="3" HideBorders="true" AutoHeight="true" Border="false" BodyBorder="false" HideLabels="true" LabelWidth="65"> <Items> <ext:Container ID="FormContainer" runat="Server"> <Content> <div style="text-align: center; padding-top: 5px; width: 95%"> ...... </Conetnt></ext:Container> </Items> </ext:FormPanel>

做完後才發現直接提交時FormPanel的IsValid()處理不正觸，時間緊也沒有再去深究原因，自己寫了段JS程式碼湊合先用著。

CustomValideForm JS:

var customValideForm = function() { var formIsValid = true; var dom = FormContainer.getForm().dom; var count = dom.length; for (var i = 0; i < count; i++) { var c = dom[i]; var ec = Ext.getCmp(c.id); if (ec && ec.isValid) { if (!ec.isValid() && formIsValid) { formIsValid = false; } } } if (!formIsValid) { MsgHelper.error("資訊內容填有誤，提示：帶*項為必填項，同請檢查帶紅色線框的錯誤提示修正資訊，再嘗試儲存釋出！"); } return formIsValid; }

在提交表單前驗證：

<ext:Button ID="BtnSave" runat="server" Text="儲存" Icon="Disk"> <DirectEvents> <Click OnEvent="SaveContent" Before="customValideForm" Failure="MsgHelper.error(result.errorMessage)" Success="onSaveSuccess"> <EventMask ShowMask="true" Msg="正在儲存......" /> </Click> </DirectEvents> </ext:Button>