如何在UpdatePanel中調(diào)用JS客戶端腳本
更新時間:2012年12月15日 16:26:07 作者:
本文將介紹如何在UpdatePanel中調(diào)用JS客戶端腳本,需要了解的朋友可以參考下
頁面中加入了UpdatePanel后,Response.Write("<script>function dis (){alert('這是調(diào)用寫在server的JS');}</script>")來調(diào)用客戶端腳本,無任何提示的無反應(yīng)。如何在UpdatePanel中調(diào)用JS客戶端腳本呢?
方法:采用 ScriptManager.RegisterStartupScript(Control controlId,Type this.GetType(),String key,String script block)方法。
有人說controlId必須是UpdatePanel里的,其實不然,page控件就可以。
下面給出一個具體的實例:
protected void Page_Load(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(BtnJs, this.GetType(), "alert", "<script>function
dis (){alert('這是調(diào)用寫在server的JS,如用Response.Write()是不能實現(xiàn)此效果的?。?! ');}</script>", false);
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" >
</asp:ScriptManager>
<input id="BtnJs" type="button" value="CallServerJs" onclick="dis()" runat="server"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Block">
<ContentTemplate>
<asp:Button ID="Button6" runat="server" Text="Button" OnClientClick="dis()"/>
</ContentTemplate>
</asp:UpdatePanel>
注意:BtnJs是UpdatePanel外的按鈕 同時Button6重用了服務(wù)端注冊的腳本附帶說一下,如果是在普通的aspx中希望在服務(wù)器端注冊下客戶端腳本,可以用
Page.ClientScript.RegisterStartupScript(this.GetType(), String Key,String Js block ,Bool AddScriptTag),除了注意粗體字以外,其他操作同上。紫色部分不能包含,如寫了的話,瀏覽時會將腳本部分自動注釋掉!
方法:采用 ScriptManager.RegisterStartupScript(Control controlId,Type this.GetType(),String key,String script block)方法。
有人說controlId必須是UpdatePanel里的,其實不然,page控件就可以。
下面給出一個具體的實例:
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(BtnJs, this.GetType(), "alert", "<script>function
dis (){alert('這是調(diào)用寫在server的JS,如用Response.Write()是不能實現(xiàn)此效果的?。?! ');}</script>", false);
復(fù)制代碼 代碼如下:
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" >
</asp:ScriptManager>
<input id="BtnJs" type="button" value="CallServerJs" onclick="dis()" runat="server"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Block">
<ContentTemplate>
<asp:Button ID="Button6" runat="server" Text="Button" OnClientClick="dis()"/>
</ContentTemplate>
</asp:UpdatePanel>
注意:BtnJs是UpdatePanel外的按鈕 同時Button6重用了服務(wù)端注冊的腳本附帶說一下,如果是在普通的aspx中希望在服務(wù)器端注冊下客戶端腳本,可以用
Page.ClientScript.RegisterStartupScript(this.GetType(), String Key,String Js block ,Bool AddScriptTag),除了注意粗體字以外,其他操作同上。紫色部分不能包含,如寫了的話,瀏覽時會將腳本部分自動注釋掉!
您可能感興趣的文章:
- asp.net DataFormatString格式化GridView
- php Smarty date_format [格式化時間日期]
- jquery EasyUI的formatter格式化函數(shù)代碼
- perl的格式化(Format)報表輸出實現(xiàn)代碼
- s:set 和 s:date 使用, 在jsp判斷日期
- js Date概念詳細介紹
- JS中Date日期函數(shù)中的參數(shù)使用介紹
- JS之Date對象和獲取系統(tǒng)當前時間詳解
- js字符串日期yyyy-MM-dd轉(zhuǎn)化為date示例代碼
- js用Date對象的setDate()函數(shù)對日期進行加減操作
- JS日期格式化之javascript Date format