如何在类文件中调用jquery函数

本文关键字：调用 jquery 函数 文件 | 更新日期: 2023-09-27 18:16:43

嗨，我已经创建了一个javascript，我想在我的整个应用程序中使用，所以我已经创建了一个类，返回字符串如下

 public static string ShowAlert(string pHeader, string pMessage)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("<script language='JavaScript' type='text/javascript'>");
        sb.Append("example1('" + pHeader + "','" + pMessage + "')");
        sb.Append("</Script");
        return sb.ToString();
    }
这是我的代码JFunction.JS 
(function example1(title, content) {
    $.msgBox({
        title: title,
        content: content
    });
})

现在点击按钮，我只是调用如下

Page.ClientScript.RegisterStartupScript(this.GetType(), "",ShowAlert(pHeader,pMessage) , true);

但是我无法得到消息，所以有没有办法创建一个唯一的方法，而不是在每个页面上调用脚本，

如何在类文件中调用jquery函数

后台代码

public partial class call_jquery_from_class_file : System.Web.UI.Page
{
protected void Button1_Click(object sender, EventArgs e)
{
    Alert.ShowAlertMessage("Testing Code", Page);
}
}

类文件Code

public class Alert
{
public static void ShowAlertMessage(string error, Page page)
{
    StringBuilder sb = new StringBuilder();
    sb.AppendLine("$(document).ready(function() {");
    sb.AppendLine("    $('"form'").append($('"<div>'").attr('"id'", '"dialog'").css('"display'", '"none'").html('"+error+"'));");
    sb.AppendLine("    $('"#dialog'").dialog({autoOpen: true,show: '"blind'",hide: '"explode'" });");
    sb.AppendLine("});");
    ScriptManager.RegisterStartupScript(page, page.GetType(), "err_msg", sb.ToString(), true);
}
}

希望对你有帮助。

我也一样。

. NET按钮控件具有Attributes属性。所以如果你想在服务器控件上调用javascript方法，你只需要添加"onclick"属性。例如，你有btnAlert控件:

Javascript文件:

function example1(title, content) {
    $.msgBox({
        title: title,
        content: content
    });
}

ASP。Page Load:

btnAlert.Attributes.Add("onclick", String.Format("example1('{0}', '{1}'); return false;", "some title", "some message"));

您应该添加返回false以防止PostBack。BTW如果你需要一个只调用客户端方法的控件，你可以使用一般的html控件(<button onclick='example1("<%= Resources.Title %>", "<%= Resources.Content %>")'>Example button</button>)，并使用<%= %>添加你的标题和内容。

相关文章：