在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()的方法來進行類似的處理。