jquery-easyui表格学习

<!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:表示总数量(没有的话不起分页作用)

rows:表示数据

$(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],
    });
})


你可能感兴趣的:(jquery-easyui表格学习)