文档章节

jquery-easyui表格学习

流沙无形-上善若水
 流沙无形-上善若水
发布于 2016/04/02 00:55
字数 267
阅读 124
收藏 3
<!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],
    });
})


© 著作权归作者所有

流沙无形-上善若水
粉丝 3
博文 8
码字总数 6478
作品 0
长沙
程序员
私信 提问
jQuery EasyUI快速入门实战教程(一)-入门

1、jQuery EasyUI概述 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,...

神码小风
2018/06/28
0
0
jQuery EasyUI入门视频教程【20讲】

jQuery EasyUI入门视频教程【20讲】 jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。非职业讲师孙宇讲授,全...

Amamatthew
2014/09/28
1K
0
easyUI在不同浏览器上的头疼的兼容问题!!!

easyUI的浏览器的兼容很是让我头疼,大家有什么好的办法可以尽量的纠正一下么? 我用的easyUI是1.3.6版本,jquery是1.8的!分别在谷歌、IE、火狐上运行: 在谷歌中的效果: 在IE9中效果:(I...

蜡笔小新_
2014/05/28
31.9K
10
jQuery EasyUI DataGrid Checkbox 数据设定与取值

有关 jQuery EasyUI DataGrid 的相关资料,可以前往官网查看, jQuery EasyUI 官网 jQuery EasyUI Documentation DataGrid Demo CheckBox select on DataGrid...

Amamatthew
2014/10/10
231
0
jQuery EasyUI 1.2.1 发布

jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等逐渐, 下图是一个具有布局效果的窗口: jQuery EasyUI 刚刚发布了 1.2.1 补丁修复版本,主...

红薯
2010/10/28
2.7K
3

没有更多内容

加载失败,请刷新页面

加载更多

64.监控平台介绍 安装zabbix 忘记admin密码

19.1 Linux监控平台介绍 19.2 zabbix监控介绍 19.3/19.4/19.6 安装zabbix 19.5 忘记Admin密码如何做 19.1 Linux监控平台介绍: 常见开源监控软件 ~1.cacti、nagios、zabbix、smokeping、ope...

oschina130111
昨天
64
0
当餐饮遇上大数据,嗯真香!

之前去开了一场会,主题是「餐饮领袖新零售峰会」。认真听完了餐饮前辈和新秀们的分享,觉得获益匪浅,把脑子里的核心纪要整理了一下,今天和大家做一个简单的分享,欢迎感兴趣的小伙伴一起交...

数澜科技
昨天
26
0
DNS-over-HTTPS 的下一代是 DNS ON BLOCKCHAIN

本文作者:PETER LAI ,是 Diode 的区块链工程师。在进入软件开发领域之前,他主要是在做工商管理相关工作。Peter Lai 也是一位活跃的开源贡献者。目前,他正在与 Diode 团队一起开发基于区块...

红薯
昨天
44
0
CC攻击带来的危害我们该如何防御?

随着网络的发展带给我们很多的便利,但是同时也带给我们一些网站安全问题,网络攻击就是常见的网站安全问题。其中作为站长最常见的就是CC攻击,CC攻击是网络攻击方式的一种,是一种比较常见的...

云漫网络Ruan
昨天
27
0
实验分析性专业硕士提纲撰写要点

为什么您需要研究论文的提纲? 首先当您进行研究时,您需要聚集许多信息和想法,研究论文提纲可以较好地组织你的想法, 了解您研究资料的流畅度和程度。确保你写作时不会错过任何重要资料以此...

论文辅导员
昨天
44
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部