c# - 在捕获异常时显示模态 Bootstrap

Question

我想在捕获异常时显示一个 Bootstrap 显示模式

银行端语言:C# Bootstrap v3.3.7

protected void Page_Load(object sender, EventArgs e)
{
  try 
  {
    if (!IsPostBack) 
    {

    }
  }
  catch (System.Exception ex)
  {
    label.Tex = ex.toString()<
    //show modal here
  }
}

感谢您的宝贵时间和帮助。

Answer 1

您可以使用ScriptManager

ScriptManager.RegisterStartupScript(this, GetType(),
             "SuccessfullSave",
             @"$('#SuccessfullSave').modal('show'); 
               $('.modal-backdrop').appendTo('#aspnetForm');",
             true);

让我解释一下这段代码:

ScriptManager.RegisterStartupScript 是一种允许您将 javascript 注入(inject)网页的方法

你传递的参数是:

1. 页面(this)
2. 类型 [使用 GetType()]
3. 脚本的“名称”或键
4. 实际的 JavaScript 本身(在本例中是 JQuery 代码显示模态 $('#SuccessfullSave').modal('show'); 其中 #successfullSave 是模态的 ID 和 $('.modal-backdrop').appendTo ('#aspnetForm'); 是要更正的代码样式，所以模式在前面而不是奇怪地放在后面灰色透视背景)
5. 最后一个参数是一个 bool 值，表示插入此代码在脚本标签内

完整的代码如下所示

protected void Page_Load(object sender, EventArgs e)
{
   try 
   {
      if (!IsPostBack) 
      {

      }
    }
    catch (System.Exception ex)
    {
        label.Text = ex.toString();
        //HERE IS WHERE YOU PUT THIS
        ScriptManager.RegisterStartupScript(this, GetType(),
             "ErrorMessage",
             @"$('#NameOfModal').modal('show'); 
               $('.modal-backdrop').appendTo('#aspnetForm');",
             true);
    }
}

要关闭模式:您需要调用 $('#NameOfModal').modal('show'); 的对立面，而不是使用 bootstrap 附带的传统模态解散，即 $('#NameOfModal ').modal('hide'); 或者你可以在模态框外点击