Asp.Net中OnClientClick與OnClick之我見

在web開發中,經常要用到控制項的OnClientClick與OnClick事件.

如果使用不當,經常會遇到一些意料之外的事情發生,讓人摸不著頭腦.下面就將我的一些小小總結道來:

首先我們要瞭解這兩個事件:

OnClientClick是用戶端事件方法.一般採用JavaScript來進行處理.也就是直接在IE端運行.一點擊就運行.

OnClick事件是伺服器端事件處理方法,在伺服器端,也就是IIS中運行.點擊按鈕後,執行postback,再運行.

如果一個按鈕上我們同時有用戶端的OnClientClick方法又有OnClick事件處理方法,如何才能按照正常的邏輯運行呢.

OnClientClick中我們常用來做一些用戶端的檢測.當然放在伺服器也可以做同樣的檢測,但這樣做的代價是與伺服器進行互動,消耗資源,而且使用者體驗不好...

例:

//jsDel()為一javascript函數.

<asp:Button ID="btnDel" Width="80px" CssClass="buttonstyle" runat="server" Text="刪除" OnClientClick="return jsDel();" OnClick="btnDel_Click1" />

需要注意的是當我們當擊這個按鈕時,自動先執行的用戶端,再執行伺服器端的.如果用戶端返回的是false,那麼伺服器端對應的方法永遠不會執行.這樣就達到檢測,只有通過才去執行伺服器端的方法.

也就是說如果我們上面寫成:

<asp:Button ID="btnDel" Width="80px" CssClass="buttonstyle" runat="server" Text="刪除" OnClientClick="jsDel(); return false;" OnClick="btnDel_Click1" />

那麼不管jsDel執行的結要如何.伺服器端對應的btnDel_Click1方法都永遠不會執行.因為return false使得始終使用戶端返回false

如果我們寫成:

<asp:Button ID="btnDel" Width="80px" CssClass="buttonstyle" runat="server" Text="刪除" OnClientClick="jsDel();"OnClick="btnDel_Click1" />

那麼btnDel_Click1都有會發生.同樣也就達不到效果.也就是說你沒有通過檢測也去執行伺服器的方法了.

所以必須注意了.

當然我們還可以通過btn.Attribute.add()的方法來進行類似的處理.