如何使用C#关闭Boot Strap Modal?

问题描述 投票:0回答:1

我是第一次使用模态,需要一些帮助,我有这个模态。

<div id="User_Modal" class ="container">
    <div class ="row">
        <div class="col-xs-12">
            <div class="modal" id="viewUserModal" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Enter You Pin To Continue</h4>
                        </div>
                        <div class="modal-body">
                            <div>
                                <label for="inputPinNumber">Pin Number</label>
                                <br />
                                <input class="form-control" placeholder="Enter Your Pin #" type="number" id="txtUserPin" runat="server"/>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <asp:Button runat="server" CssClass="btn btn-primary" ID="btnUser" Text="Go" OnClick="btnUser_Click" />
                            <button class =" btn btn-primary" data-dismiss="modal">Cancel</button>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

我使用这段C#代码在btnUser_Click方法上打开或调用模式,并使用这段C#代码。

ScriptManager.RegisterStartupScript(this, GetType(), "Show Modal", "$('#viewUserModal').modal('show');", true);

在用户输入引脚号码后,我想获得该值与我的数据进行核对,然后关闭模式。 我试图用这段代码来做这件事。

protected void btnUser_Click(object sender, EventArgs e)
    {
        string strUserPin = txtUserPin.Value.ToString();
        if (strUserPin.Length > 0)
        {
            Session["SessionPinEntered"] = strUserPin;
            string strUser = Email.GetUser(strUserPin);
            bool bolIsManager = true;//CheckUser(strUser);
            if (bolIsManager)
            {
                ScriptManager.RegisterStartupScript(this, GetType(), "Close Modal", "$('#viewUserModal').modal('close');", true);
                pnlGrid.Visible = true;
            }
            else
            {

            }
        }
    }

代码运行了,但是模式没有关闭,我的隐藏的asp面板也没有显示。

UPDATE:我能够找出如何隐藏模式与此代码的变化。

ScriptManager.RegisterStartupScript(this, GetType(), "Hide Modal", "$('#viewUserModal').modal('hide');", true);

但使asp Panel可见的C#代码仍然无法工作。 在debug中,我可以看到代码被调用,步骤超过放不运行? 这是怎么回事,如何才能解决这个问题

c# bootstrap-modal
1个回答
0
投票

解决这个问题的方法是在我把面板从隐藏状态改为重新绑定网格。 一旦我这么做了,radgrid就会显示数据。

© www.soinside.com 2019 - 2024. All rights reserved.