Question

我试图在ASP按钮的Click事件上调用javascript函数，并且从该函数我试图单击将调用Modal Pop的html按钮。

状态：我可以提交html按钮的点击事件并在其中运行警告框，但不能运行ModalPopup。我也可以通过直接点击HTML代码来打开ModalPopup。

代码： //代码

protected void Button1_Click(object sender, EventArgs e)
{
    Button btn = (Button)sender;
    RepeaterItem ri = (RepeaterItem)btn.Parent;
    Label id = (Label)ri.FindControl("payid");
    Add_Account_Head_1.headid_property = id.Text;

    update1.Update();

    string script = "showpop();";
    ScriptManager.RegisterStartupScript(this, GetType(),
                          "ServerControlScript", script, true);

}

在身体部分

 $("#btn1").click(function () {
         //     alert('This has been clicked');
        $("#myModal").modal('show');


    });

在头部

     function showpop() {

            var button = document.getElementById('btn1');
            button.click();
        };

Answer 1

您可以执行以下操作直接从服务器端调用modal.show。但请确保#myModal是正确的选择器。您可以从开发工具验证ID。

protected void Button1_Click(object sender, EventArgs e)
{
    Button btn = (Button)sender;
    RepeaterItem ri = (RepeaterItem)btn.Parent;
    Label id = (Label)ri.FindControl("payid");
    Add_Account_Head_1.headid_property = id.Text;

    update1.Update();

    string script = "showpop();";
    ScriptManager.RegisterStartupScript(this, GetType(),
                          "ServerControlScript", "$('#myModal').modal('show');", true);

}

在不使用Modalpopupextender的情况下单击ASP按钮显示Bootstrap ModalPopup

1 个答案: