使用Ext.net时如何遍历Panel或者FormPanel中Content标签下的控件，并进行验证

前几天遇到一个比较复杂的表单格式，如果用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>