Question

我有一个bootstrap模式，它包含一个gridview，它有一个包含3个图像按钮的模板字段。每当我点击图像按钮时，模态消失，但背景仍然可见。我有一个工作，添加一个data-dismiss =“modal”，因为我需要在点击后关闭。但是我需要在单击其他两个图像按钮后保持可见模式。

我遇到了类似的问题，但是通过向按钮添加UseSubmitBehavior = false来修复asp按钮。不幸的是，imagebutton控件没有此功能。

这是标记

<div id="pnlUserInfo" class="modal fade in" style="display: none;">
            <div class="modal-dialog modal-1000">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">User Information</h4>
                    </div>
                    <div class="modal-body">
                       <div class="row">
                            <div class="col-lg-2">Name:</div>
                           <div class="col-lg-10"><asp:Label ID="lblName" runat="server" Text="[Name]"/></div>
                       </div> 
                       <div class="row">
                            <div class="col-lg-2">Department:</div>
                            <div class="col-lg-10"><asp:Label ID="lblDepartment" runat="server" Text="[Department]"/></div>
                       </div> 
                       <div class="row">
                            <div class="col-lg-2">Devices Listed:</div>
                            <div class="col-lg-10"><asp:Label ID="lblDeviceCount" runat="server" Text="[Device Count]"/></div>
                       </div> 
                       <div class="row">
                            <div class="col-lg-2">Active Devices</div>
                            <div class="col-lg-10"><asp:Label ID="lblActiveCount" runat="server" Text="[Active Device Count]"/></div>
                       </div> 
                        <div class="row">
                            <asp:GridView ID="gvwUserDevices" runat="server" AutoGenerateColumns="False" CssClass="table table-hover table-bordered " 
                                DataKeyNames="ID" ShowHeaderWhenEmpty="True" OnRowDataBound="gvwUserDevices_RowDataBound" OnRowCommand="gvwUserDevices_RowCommand"  >
                                    <Columns>
                                        <asp:BoundField HeaderText="#" ReadOnly="True" >
                                             <ItemStyle Width="10px" Font-Size="Smaller"  />
                                        </asp:BoundField>
                                        <asp:BoundField HeaderText="Phone" DataField="Description" >
                                             <ItemStyle Font-Size="Smaller"  />
                                        </asp:BoundField>
                                        <asp:BoundField HeaderText="MAC Address" DataField="mac" >
                                             <ItemStyle Width="125px" Font-Size="Smaller"  />
                                        </asp:BoundField>
                                        <asp:BoundField HeaderText="Date Registered" DataField="DateRegistered" ReadOnly="True" >
                                        <ItemStyle Width="150px" Font-Size="Smaller" />
                                        </asp:BoundField>
                                        <asp:BoundField HeaderText="IP Address" DataField="IPAddress" ReadOnly="True" >
                                        <ItemStyle Font-Size="Smaller" />
                                        </asp:BoundField>
                                        <asp:BoundField HeaderText="Remarks" ReadOnly="True" DataField="remark" />
                                         <asp:TemplateField  >
                                            <ItemTemplate>
                                                <asp:ImageButton ID="ImageButton2" runat="server" CommandName="Activate"  ImageUrl="~/assets/img/icons/device-arrow-up.png" CssClass="size-20" AlternateText="Activate" ToolTip="Activate" CommandArgument='<%# Eval("ID") %>' />
                                                <asp:ImageButton ID="ImageButton3" runat="server" CommandName="Deactivate" ImageUrl="~/assets/img/icons/device-arrow-down.png" CssClass="size-20" AlternateText="Deactivate" ToolTip="Deactivate" CommandArgument='<%# Eval("ID") %>' />
                                                 <asp:ImageButton ID="ImageButton4" runat="server" CommandName="Replace" ImageUrl="~/assets/img/icons/refresh.png" CssClass="size-20" AlternateText="Replace" ToolTip="Replace" CommandArgument='<%# Eval("ID") %>'/>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:CommandField EditText="&lt;img src=&quot;/assets/img/icons/pencil.png&quot; class=&quot;size-25&quot; /&gt;" ShowEditButton="True" CancelText="&lt;img src=&quot;/assets/img/icons/remove.png&quot; class=&quot;size-25&quot; /&gt;" DeleteText="" UpdateText="&lt;img src=&quot;/assets/img/icons/floppy-save.png&quot; class=&quot;size-25&quot; /&gt;" >
                                        <ItemStyle HorizontalAlign="Right" Width="80px" Font-Size="Smaller" />
                                        </asp:CommandField>
                                    </Columns>
                                    <EmptyDataTemplate>
                                       <p class="text-center">No record found.</p>
                                    </EmptyDataTemplate>
                            </asp:GridView>
                       </div> 
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

imagebutton导致bootstrap模式消失

0 个答案: