Question

我有一张桌子，table我有一张<asp:DataGrid>。我正在尝试实现DataTables，它是jQuery的表插件。根据我在他们网站上看到的内容，我所要做的只是添加2个参考文件并开发一些DataTable脚本。我已经完成了两件事，而且我没有得到任何结果。我将在下面发布我的代码，也许我错过了一些我的眼睛没有抓住的东西：

标记式

<asp:UpdatePanel ID="TableUpdatePanel" UpdateMode="Conditional" runat="server">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Search" EventName="Click" />
    </Triggers>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Clear" EventName="Click" />
    </Triggers>
    <ContentTemplate>
        <div class="form-group text-center">
            <span style="color: #999; margin: 0 0 0 10px">
                <asp:Label ID="lblResultsCount" runat="server" Visible="false"></asp:Label>
            </span>
        </div>
        <div class="bs-example text-center " id="Alert1" runat="server" visible="false">
            <div class="alert alert-warning">
                <a href="#" class="close" data-dismiss="alert">&times;</a>
            </div>
        </div>
        <div class="bs-example text-center " id="Alert2" runat="server" visible="false">
            <div class="alert alert-warning">
                <a href="#" class="close" data-dismiss="alert">&times;</a>
            </div>
        </div>
        <table id="myTable" class="table tbody" runat="server" visible="false">
            <tbody>
                <tr>
                    <td>
                        <asp:DataGrid ID="myGrid" runat="server"
                             CssClass="table table-sorting table-hover table-bordered datatable dataTable no-footer" 
                             Visible="false"
                             AutoGenerateColumns="True"
                             ForeColor="black"
                             HeaderStyle-Font-Bold="true"
                             HeaderStyle-ForeColor="black"
                             GridLines="None"
                             EnableViewState="false" />
                    </td>
                </tr>
            </tbody>
        </table>                     
    </ContentTemplate>
</asp:UpdatePanel>

的Javascript

<script type="text/javascript" src="//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css"></script>
<script type="text/javascript" src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>

<script type="text/javascript">
    $('#myGrid').dataTable({
        "paging": true,
        "searching": true
    });
</script>

这是我尝试实现此目的的链接.. http://datatables.net/

有谁知道我可能遗失或做错了什么？

数据库jQuery问题

0 个答案: