javascript - 单击按钮时显示 jquery 数据表模式对话框不起作用
问题描述
我有一个在页面加载时生成的表(“sqlresultsactive”)。当我单击该页面上的“btnSelectProduct”按钮时,它会显示一个包含该表的模式对话框。
$(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>
在文档上并添加了他们的源文件,但它仍然不起作用。该表已显示,但分页和网格搜索等..未显示
解决方案
我希望它会在以下更改后工作
$('#sqlresultsactive').DataTable({
**"dom": "lrBftip",**
});
您可以尝试的另一个选项:
单击按钮然后绑定DataTable
推荐阅读
- python - 未找到名称为“Read Csv File To List”的关键字
- tensorflow - 根据 TENSORFLOW 中的 if 语句使用不同的优化器
- php - 我正在使用带有 WSDL 和 Nusoap 的 Moodle,但我无法连接,因为我的代码中有错误
- wpf - 从 Grid.Row\Column DependencyProperty 中提取索引
- java - 递增变量多线程
- nginx - 如何将多个文件上传到nginx?
- powershell - 如果存在“关键字”,则重新运行批处理文件
- python - 在 python 中使用带有间隔描述的表对 DataFrame 中的值进行编码
- ionic2 - Ionic2:未捕获(承诺):无效链接:日历
- iot - 引导加载程序代码 stm32 控制器