DevExpress控件功能确实非常的强大,但是初学用到的时候也会出现很多的问题。
以下记录一下关于ASPxButton的一点注意:
在客户端需要JS代码进行必要验证时,我们以前用AspButton时只需要添加 OnClientClick事件,并在程序中返回false就可以了,如下代码:
<asp:Button ID="btnSubmit" runat="server" Text="提交" OnClientClick="return btnClick();" />
function btnClick() { if (txtMemo.GetText() == "") { alert("判断!"); return false; } }
当BtnClick事件返回false时,程序就不会再去指行服务器端的代码。但是ASPxButton确不可以,无论是事件的注册方式还是处理都有很大的不同。在注册事件时,需要在 <dxe:ASPxButton />标记中添加<ClientSideEvents/>子节点。如下:
以上代码将显示一个ASPxButton,并注册客户端事件Click,在Click事件中,判断txtMemo的内容是否等于'',如果等于'',则提示用户,并设置属性e.processOnServer=false,阻止在服务器端的代码运行。<dxe:ASPxButton ID="btnSubmit" runat="server" ClientInstanceName="btnClientSubmit" Text="提交" > <ClientSideEvents Click="function validate(s, e) { if (txtMemo.GetText() == '') { alert('判断!'); e.processOnServer = false; } }" /> </dxe:ASPxButton>
e.processOnServer(true/false)
获取或设置一个值,程序是否在服务器端执行。 经查阅相关的资料,Aspx系统控件中,如果控件有AutoPostBack 属性,那么就可以使用e.processOnServer以控制代码的 执行是在客户端还是在服务器端。但 processOnServer最终取决于AutoPostBack属性,如果控件 AutoPostBack ="false",那么processOnServer属性值将不起任何作用。
ASPxButton 客户端事件除Click外,还有CheckedChanged、GotFoucs、Init、LostFoucs等事件。另外ASPxButton还提供了一系列的客户端方法用来设置Aspxbutton的属性,如 SetText(value):设置Button的显示值; GetText():获取显示值;SetVisbile(bool):设置是否显示;GetVisbile():获取是否显示;
InCallback():获取一值,表示当前是否正在处理一个回调等等。
<dxe:ASPxButton ID="aspBtnCancel" ClientInstanceName="btnClientSubmit" runat="server" Text="取消" CommandName="Delete" CommandArgument='<%# Bind("QuotNum") %>' CssFilePath="~/App_Themes/Glass/{0}/styles.css" CssPostfix="Glass" Enabled ="False" > <ClientSideEvents Click="function(s, e) { e.processOnServer= confirm('Are you sure?'); }" /> </dxe:ASPxButton>
其中e.processOnServer必须,否则无论确认是还是否都会执行服务端代码.
关于ASPxButton的一点注意
最新推荐文章于 2023-08-08 09:33:36 发布