引导模式选项卡

时间:2019-07-25 19:47:45

标签: c# bootstrap-4

我在向引导程序模式添加标签时遇到问题。标签不会显示,而是只显示文本。

<p>
    <input class="form-control" id="myInput" type="text" 
placeholder="Search..">
</p>
<div class="row">

    <div class="list-group col-md-12 ml-3" id="client" runat="server">
    </div>

</div>
<div class="modal fade" id="exampleModalShort" tabindex="-1" 
role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" 
id="exampleModalShortLabel">Client Admission Memo</h5>
                <button type="button" class="close" data-dismiss="modal" 
aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" runat="server">
             <div class="tabbable"> 
               <ul class="nav nav-tabs">
                <li class="active"><a href="#catResult" data-toggle="tab">Section 1</a> 
               </li>
               <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
           </ul>
        <div class="tab-content">
          <div class="tab-pane active" id="catResult" runat="server">
        Data 1
       </div>
    <div class="tab-pane" id="tab2">
        <p>Data 2.</p>
    </div>
    </div>
    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data- 
dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

我正在从后面的代码中触发模式,因为我背后有一些代码需要与触发的模式一起调用。下面是后端代码。

protected void ShowReport(object sender, EventArgs e)
{

            ScriptManager.RegisterStartupScript(this, this.GetType(), 
           "CallMyFunction", "showPopup()", true);
            Button clickedButton = sender as Button;

            int ExtID = Convert.ToInt32(clickedButton.ID);
            DataTable ClientInfo = GetClientInfo(ExtID);

            Literal ltrDyn = new Literal();
            ltrDyn.Text = ConvertDataTableToHTML(ClientInfo);
            catResult.Controls.Add(ltrDyn);


}

   <script>

    showPopup = function () {
      $(".modal-backdrop").remove();
        $("#exampleModalShort").modal('show');

              };

下面是模式的图像:

enter image description here

0 个答案:

没有答案
相关问题