Question

在处理了另一个问题，即获取读取数据库的php代码工作并发现它是我自己的错误，因为没有服务器文档根目录中的html，我对这个问题犹豫不决，但是这里有：< / p>

我正在显示包含的jQuery模块和css模块的标头列表。我得到前10行数据，那10行是可排序的，但只有那些10.我无法显示分页按钮，显示其他行，即使我将数字设置为25，只有10显示

 <title>My Library</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css"/>
    <LINK REL="stylesheet" HREF="_css/jquery.dataTables_themeroller.css" />
    <LINK REL="stylesheet" HREF="_css/home.css" id="styleid"/>
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
     <script type="text/javascript" class="init">
        $(document).ready(function() {
            $('#books').DataTable({
            processing: true,
            bStateSave: true,
            ajax: {
                url: "./get_books.php",
                dataSrc: "data"
            },
            columns: [
                { data: "id" },
                { data:  "author" },
                { data:  "title" },
                { data:  "genre" },
                { data:  "location" },
                { data: "notes" }
            ]
            });
            $(document).on('click','#books tbody tr',function() {
                var row = $(this).closest("tr");
                //alert("You clicked: "+$(row).find("td:nth-child(6)").text());
                editBook($(row).find("td:nth-child(1)").text(),$(row).find("td:nth-child(2)").text(),$(row).find("td:nth-child(3)").text(),$(row).find("td:nth-child(4)").text(), $(row).find("td:nth-child(5)").text(), $(row).find("td:nth-child(6)").text());
            });
        });
    </script>

home.css设置了一些默认颜色。我正在使用easyui来弹出输入和编辑表单。这似乎有效。

Answer 1

如果您使用previous question中的PHP，它将始终返回10行，因为jQuery DataTables不会发送rows参数。

使用来自my answer的PHP代码。

分页没有显示，也没有在DataTables中工作

1 个答案: