【问题标题】:Search and pagination sql query php搜索和分页sql查询php
【发布时间】:2017-10-30 01:53:37
【问题描述】:

您好,我是 php 新手,正在学习如何使用 List.Jsand php 使用搜索和分页 我在让 list.js 工作以在 php 中搜索和过滤查询结果时遇到问题。我已经在遵循文档中的示例,但仍然没有运气。 这是我的代码:

<div class="box-body">

<div id="listperson" align="center">
    <input type="text" placeholder="Search" class="fuzzy-search"/>
<table class="col-md-12">
    <thead>
        <tr>
            <th class="col-md-1 sort"></th>
            <th class="col-md-3 sort" data-sort="nama">Name</th>
            <th class="col-md-1 sort" data-sort="role">Role</th>
            <th class="col-md-3 sort">Email</th>
            <th class="col-sm-2 sort">No.Hp</th>
            <th class="col-sm-3 sort" data-sort="alamat">Alamat</th>
            <th class="col-sm-1 sort">Edit</th>
            <th class="col-sm-1 sort">Delete</th>
        </tr>
    </thead>
    <?php
        $peoplequery=mysqli_query($CONN,"SELECT * FROM people");
        while($people=mysqli_fetch_array($peoplequery)){
        ?>
    <tbody class="list">            
        <tr align="left">
            <td class="img">
            <img src="../img/man-128.png" class="direct-chat-img" width="10px" height="10px">
            </td>
            <td class="name"><a href="personview.php?PersonID=<?= $people['idpeople'] ?>"><?php echo $people['namadepan'] . ' ' .$people['namabelakang']; ?></a></td>
            <td class="role"><?php echo $people['role']; ?></td>
            <td class="email"><?php echo $people['email']; ?></td>
            <td class="nohp"><?php echo $people['nohp']; ?></td>
            <td class="alamat"><?php echo $people['alamat']; ?></td>                   
            <td class="edit" align="center">
            <a href="editperson.php?PersonID=<?= $people['idpeople'] ?>">
            <span class="fa-stack">
            <i class="fa fa-square fa-stack-2x"></i>
            <i class="fa fa-pencil fa-stack-1x fa-inverse"></i>
            </span>
            </a>
            </td>
            <td class="delete" align="center">
            <a href="deleteperson.php?PersonID=<?= $people['idpeople'] ?>">
            <span class="fa-stack" style="color:#ff0000; ">
            <i class="fa fa-square fa-stack-2x"></i>
            <i class="fa fa-trash fa-stack-1x fa-inverse" ></i>
            </span>
            </a>
            </td>             
        </tr>
        <?php
        $idppl = $people['idpeople'];
        }  ?>
    </tbody>
</table>
<ul class="pagination"></ul>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js">
</script>
<script type="text/javascript">
var options = {
    valueNames: [ 'name', 'role', 'email'],
    page: 5,
    plugins: [
    ListPagination({})
]

};
var contactList = new List('listperson', options);
</script>

</div>

分页没有显示,搜索也不起作用。我想知道我在这里缺少什么 任何帮助表示感谢。

【问题讨论】:

    标签: javascript php mysql pagination listjs


    【解决方案1】:

    您的开始&lt;tbody&gt; 标记在您的while 循环内,但您的结束&lt;/tbody&gt; 标记在该循环之外。

    这可能意味着您的表格格式不正确。这可能会让List.js 感到困惑。

    使用View Source... 检查是否正确生成了 HTML 总是很好的。

    【讨论】:

    • 感谢分页现在工作。但是搜索结果现在返回了错误的数据,并且在查看源代码中没有显示任何错误。
    • 您不一定要在查看源代码中查找错误。相反,您正在寻找要传递给 javascript 的表的结构。您正在查看它是否具有您期望的格式。
    猜你喜欢
    • 2013-07-25
    • 1970-01-01
    • 2011-03-04
    • 1970-01-01
    • 2023-03-06
    • 1970-01-01
    • 2017-04-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多