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

最新推荐文章于 2019-01-12 16:48:06 发布

原创最新推荐文章于 2019-01-12 16:48:06 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#server #button #border #ext #function #table

本文介绍了一种在Ext.net中使用Table布局处理复杂表单的方法，并提供了一个自定义JavaScript函数来解决表单验证的问题。

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

在提交表单前验证：

<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>