bootstrap modal box issue in asp.net

See more:

C#

ASP.NET

Javascript

CSS

jQuery

, +

i created one modal box in my page.in that modal box i put gridview control in that gridview control i put checkbox.

when pop up the modal box it's showing gridview data when the checkcox event "checkedchainged" event fires the modal box goes to invisible mode.but i need it's will be visible.

Iam using this code

<div class="modal hide fade" id="example">
  <div class="modal-header">
    <button type="button" id="b2" class="close" data-dismiss="modal" aria-hidden="true" runat="server">&times;</button>

    <h3>Data Export</h3>
  </div>
  <div class="modal-body">
    <asp:GridView ID="gridlob" runat="server" AutoGenerateColumns="False"
        DataSourceID="SqlDataSource2" width="50%"
          onrowdatabound="gridlob_RowDataBound" >
        <Columns>
            <asp:BoundField DataField="LOUPe_LOB" HeaderText="Line Of Bussiness"
                SortExpression="LOUPe_LOB" />
           <%--<asp:BoundField DataField="GroupFlag" HeaderText="GroupFlag"  ItemStyle-Width="2%"
                SortExpression="GroupFlag" />--%>
               <asp:TemplateField HeaderText="Grouping">

                <%--<ItemTemplate>
    <asp:CheckBox ID="chkReimbursable" runat="server"
       Checked='<%# GetStatus(Eval("GroupFlag")) %>'/>
</ItemTemplate>--%>
              <ItemTemplate>
                <asp:CheckBox ID="chkReimbursable" runat="server" OnCheckedChanged="chkReimbursable_CheckedChanged" AutoPostBack="true"  />
                </ItemTemplate>

               <%-- <ItemTemplate>
                <%# (Boolean.Parse(Eval("GroupFlag").ToString())) ? "Y" : "No"%>
                </ItemTemplate>--%>
                </asp:TemplateField>

        </Columns>

    <EditRowStyle BackColor="#2461BF" />
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#EFF3FB" />
        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <SortedAscendingCellStyle BackColor="#F5F7FB" />
        <SortedAscendingHeaderStyle BackColor="#6D95E1" />
        <SortedDescendingCellStyle BackColor="#E9EBEF" />
        <SortedDescendingHeaderStyle BackColor="#4870BE" />



    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource2" runat="server"
        ConnectionString="<%$ ConnectionStrings:LOUPe_InventoryConnectionString %>"
        SelectCommand="procExcelLOBGroupList" SelectCommandType="StoredProcedure">
    </asp:SqlDataSource>

  </div>
  <div class="modal-footer">
  <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>

  </div>
</div>

based on bootstrap js function the modal box is working


Please share any information to my issue