jquery-easyui表格學習

時間 2019-11-19

原文原文鏈接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>easyui</title>
    <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../easyui/demo/demo.css">
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="index.js"></script>
</head>
<body>
    <table id="box">

    </table>
</body>
</html>

$mysqli=new mysqli("localhost","root","root","test");

$page=$_POST['page'];

$rows=$_POST['rows'];
$page=($page-1)*$rows;


$sql="select * from `test`  ORDER BY `mid` ASC limit $page,$rows";
//$sql2="INSERT INTO `test`.`log` (`id`, `log`) VALUES (NULL, '$sql')";
//$mysqli->query($sql2);

$result=$mysqli->query($sql);

$array=array();
while($rows3=$result->fetch_assoc()){
    array_push($array,$rows3);
}

$sql2="select COUNT(*) as count from `test`";
$result2=$mysqli->query($sql2);
$rows2=$result2->fetch_assoc();
$arr['total']=$rows2['count'];
$arr['rows']=$array;
echo json_encode($arr);

total：表示總數量（沒有的話不起分頁做用）javascript

rows：表示數據php

$(function(){
    $("#box").datagrid({
        title:'毛客資管理表',
        width:600,
        height:300,
        url:'data.php',
        autoRowHeight:false,
        columns:[[
            {field:'mid',title:'ID',width:50},
            {field:'username',title:'用戶名',width:100},
            {field:'sex',title:'性別',width:50},
            {field:'age',title:'年齡',width:50},
            {field:'birthday',title:'出生年月',width:100},
            {field:'remarks',title:"備註",width:150},
            {field:'createtime',title:'建立時間',width:100},
        ]],
        loadMsg:'加載中....',
        pagination:true,
        pageSize:5,
        pageList:[5,10,15,20],
    });
})

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。