如何在UpdatePanel中调用JS客户端脚本

时间:2021-05-19

页面中加入了UpdatePanel后,Response.Write("<script>function dis (){alert('这是调用写在server的JS');}</script>")来调用客户端脚本,无任何提示的无反应。如何在UpdatePanel中调用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('这是调用写在server的JS,如用Response.Write()是不能实现此效果的!!! ');}</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重用了服务端注册的脚本附带说一下,如果是在普通的aspx中希望在服务器端注册下客户端脚本,可以用
Page.ClientScript.RegisterStartupScript(this.GetType(), String Key,String Js block ,Bool AddScriptTag),除了注意粗体字以外,其他操作同上。紫色部分不能包含,如写了的话,浏览时会将脚本部分自动注释掉!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章