单击按钮时显示 jquery 数据表模式对话框不起作用

Posted 2023-05-08

【中文标题】单击按钮时显示 jquery 数据表模式对话框不起作用

【英文标题】：when button clicked show a jquery datatable modal dialog box not working

【发布时间】：2021-08-28 01:29:00

【问题描述】：

我有一个在页面加载时生成的表（“sqlresultsactive”）。当我单击该页面上的“btnSelectProduct”按钮时，它会显示一个包含该表的模式对话框。

在我使用的脚本中 jquerytable before & after

$(document).ready(function () 
    $('#sqlresultsactive').DataTable();
); 

<asp:GridView ID="sqlresultsactive" runat="server" CssClass="table table-striped table-bordered table-hover" Width="100%" ShowHeaderWhenEmpty="true" ClientIDMode="Static" AutoGenerateColumns="false" Font-Size="10px" OnRowCommand="sqlresultsactive_RowCommand" OnRowDataBound="sqlresultsactive_RowDataBound">
  <Columns>
    <asp:TemplateField HeaderText="Select" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Width="10%">
      <ItemTemplate>
          <asp:Button ID="ButtonSelect" class="btn btn-success btn-sm p-0" runat="server" Width="60px" CommandName="SwitchProduct" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "webuniqueid") %>' Text="Select"></asp:Button><%--data-dismiss="modal"--%>
          <asp:HiddenField ID="BusinessSegment" runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "BusinessSegment") %>' />
      </ItemTemplate>
      <FooterTemplate>
      </FooterTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Product" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Width="20%">
      <ItemTemplate>
        <asp:Label ID="lblProduct" runat="server" Text='<%#FormatStringValues(Container.DataItem("programName").ToString, "string")%>' CssClass="nobr"></asp:Label>
      </ItemTemplate>
      <FooterTemplate>
      </FooterTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Premium Finance" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Width="20%">
      <ItemTemplate>
        <%--<div id="tdHeadPremiumFinance">--%>
        <div align="center" id="tdPremiumFinance" runat="server">
            <asp:CheckBox ID="PremiumFinanceCheckBox" CssClass="checkbox" Visible="false" runat="server" />
            <asp:Label ID="PremiumFinanceWebUniqueId" runat="server" Text='<%#FormatStringValues(Container.DataItem("webuniqueid").ToString, "string")%>' Visible="false" CssClass="nobr"></asp:Label>
        </div>
        <%--</div>--%>
      </ItemTemplate>
      <FooterTemplate>
      </FooterTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Company" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Width="30%">
      <ItemTemplate>
        <span><%#SplitCompany(FormatStringValues(Container.DataItem("company").ToString, "string"), "Company")%></span>
      </ItemTemplate>
      <FooterTemplate>
      </FooterTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Dealer" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Width="20%">
      <ItemTemplate>
        <asp:Label ID="dealerLabel" runat="server" Text='<%#FormatStringValues(Container.DataItem("dealernumber").ToString, "string")%>' CssClass="nobr"></asp:Label>
      </ItemTemplate>
      <FooterTemplate>
      </FooterTemplate>
    </asp:TemplateField>
  </Columns>
</asp:GridView>

在文档上并添加了他们的源文件，但它仍然不起作用。 表格已显示，但分页和网格搜索等没有显示

【问题讨论】：

我看到 javascript/jQuery 代码但没有相应的标签，我看到一个 VB.NET 标签但没有相应的代码。请应用所有相关的标签，不要应用不相关的标签。

圣洁的 c**p 人，格式化你的代码。

"它显示了一个包含该表的模式对话框。"尝试显示模态，然后初始化表 $('#sqlresultsactive').DataTable();。我的意思是调用 $('#sqlresultsactive').DataTable();当模态已经显示时

我的表格正在显示，但它没有任何分页或网格搜索或任何东西

我尝试了一个简单的示例代码，它可以工作，但对于我的表格却没有。在文档 .ready 上，当我像这样 $('#sqlresultsactive').DataTable();和 $('#example').DataTable();它不适用于例如表

【参考方案1】：

希望修改后能正常使用

$('#sqlresultsactive').DataTable(
  **"dom": "lrBftip",**
);

您可以尝试的另一个选项： 点击按钮然后绑定DataTable