1. 列表组件 datagrid

1.1 创建一个grid.html

<html>

    <head>

    	<meta charset="utf-8" />

    </head>

    <body>

    </body>

</html>

1.2 引入easyUI的资源文件

<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css">

<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script>

<script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript" src="jquery-easyui-1.3.3/validate.js"></script>

1.3 绘制表格组件

Html：

<table id='grid0' title="部门管理01"  class="easyui-datagrid"

fitColumn="true" pagination="true"

rownumbers="true" url="xxx.php" fit="false" toolbar="#toolbar">

 </table>

效果：



1.1 编写后台程序，查询部门数据

在当前文件夹，新建一个dept.php

进行数据库连接测试

查询部门表数据，json格式返回：

1.5 分页查询

如果我们想要做分页，就需要给datagrid传递两个参数，分别为total和rows，total代表这个表的查询总数，rows代表分页后查出来的数据。

分页规律：

现在，首先考虑如何在php文件中获取第几页和每页多少条？

在datagrid组件中，只要你设置了分页，就会给后台传递page和rows，分别对应第几页和每页多少条。

代码：

//查询部门表中的数据

	$resultset = mysql_query("select * from tm_dept where 1=1 limit $start,$rows") or die(mysql_error());

	$list = array();

	$count = 0;

	while($row = mysql_fetch_array($resultset)){

		$list[$count++] = $row;

	}

	$data = array();

	$data["rows"] = $list;

	$resultset = mysql_query("select count(*) as total from tm_dept") or die(mysql_error());

	while($row = mysql_fetch_array($resultset)){

		$data["total"] = $row["total"];

	}

	echo json_encode($data);

2. 按钮组件 linkbutton

渲染按钮的方法，给一个a标签加上class为easyui-linkbutton 即可。

例子：

<a href="javascript:openUserAddPage()" class="easyui-linkbutton" iconCls="icon-add" plain="true">新增用户</a>

3.右下角弹窗组件 $.messager

下载地址：https://pan.baidu.com/s/1OXvqQwAmz7usgD4KqiUXLw

【php增删改查实例】第五节 - easyUI的基本使用的更多相关文章

  1. 【php增删改查实例】第九节 - 部门管理模块（模糊查询）

    给datagrid添加一个工具栏. 效果: 模糊查询部门名称. 接下来,在工具栏区域画一个input框: <div id="toolbar" style="padd ...

  2. 【php增删改查实例】 第二节 - MYSQL环境配置

    安装好xampp后,会自带一个mysql,也就是说,正常情况下,你直接这样: 就可以启动mysql了. 如果你了,下面的步骤就别看了哈. if( 启动成功 ){ return; } 如果你的电脑上已经 ...

  3. 【php增删改查实例】第一节 - PHP开发环境配置

    最近需要使用PHP,于是把平时的积累整理一下,就有了这个教程. 首先是环境配置: 1.操作系统:windos7 2.后台:PHP 3.前台:Html + js + css 4.数据库:MYSQL 5. ...

  4. yii2.0增删改查实例讲解

    yii2.0增删改查实例讲解一.创建数据库文件. 创建表 CREATE TABLE `resource` ( `id` int(10) NOT NULL AUTO_INCREMENT, `textur ...

  5. python链接oracle数据库以及数据库的增删改查实例

    初次使用python链接oracle,所以想记录下我遇到的问题,便于向我这样初次尝试的朋友能够快速的配置好环境进入开发环节. 1.首先,python链接oracle数据库需要配置好环境. 我的相关环境 ...

  6. java：JSP（JSPWeb.xml的配置，动态和静态导入JSP文件，重定项和请求转发，使用JSP实现数据库的增删改查实例）

    1.JSP的配置: <%@ page language="java" import="java.util.*" pageEncoding="UT ...

  7. 【php增删改查实例】第四节 -自己 DIY 一个数据库管理工具

    本节介绍如何自己DIY一个数据库管理工具,可以在页面输入sql 进行简单的增删改查操作. 首先,找到xampp的安装目录,打开htdocs: 新建一个php文件,名称为 mysqladmin.php ...

  8. 百度鹰眼Java接口调用增删改查实例

    因感觉百度鹰眼的使用场景比较符合实际业务,于是对百度鹰眼做了简单功能调试.刚开始使用springframework封装的RestTemplate,但是测试提示ak参数不存在.后又试了几种方法,均提示a ...

  9. Maven多模块项目+MVC框架+AJAX技术+layui分页对数据库增删改查实例

    昨天刚入门Maven多模块项目,所以简单写了一个小测试,就是对数据库单表的增删改查,例子比较综合,写得哪里不妥还望大神赐教,感谢! 首先看一下项目结构: 可以看到,一个项目MavenEmployee里 ...

  10. 【php增删改查实例】第十节 - 部门管理模块（新增功能）

    正常情况下,在一个部门管理页面,不仅仅需要展示列表数据,还需要基本的增删改操作,所以,我们先把之前写好的新增功能集成进来. 在toolbar中,添加一个新增按钮. <div id="t ...

随机推荐

  1. Java web 开发填坑记 2 -如何正确的创建一个Java Web 项目

    转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/72566261 本文出自[赵彦军的博客] Java web 开发填坑记 1-如何正确 ...

  2. LeetCode题解之Unique Email Addresses

    1.题目描述 2.问题分析 将字符串中的 ‘.’ 去掉,将 ‘+’后面直到‘@’的字符串去掉,然后利用set的特性. 3.代码 int numUniqueEmails(vector<string ...

  3. Oracle EBS OM 创建订单

    DECLARE l_header_rec OE_ORDER_PUB.Header_Rec_Type; l_line_tbl OE_ORDER_PUB.Line_Tbl_Type; l_action_r ...

  4. 表的垂直拆分和水平拆分-zz

    https://www.kancloud.cn/thinkphp/mysql-design-optimalize/39326 http://www.cnblogs.com/nixi8/tag/mysq ...

  5. JBoss 7 里一个EJB依赖其他jar的几种方式

    JBoss 7 与之前的版本有了巨大的变化,最核心的类的加载方式变了,有点类似OSGI那样搞起来了分模块的类加载方式,而不是以前的分层类加载.按以前的类加载方式,在加载树底下的那些类,总是能看到父节点 ...

  6. 【SVN】Linux下svn搭建配置全过程——初学者轻松上手篇

    版本控制主要用到的是git和svn,其中svn界面化使用操作简单,本篇简单介绍SVN搭建配置全过程. 1. 下载并安装 yum install subversion 查看版本 svnserve --v ...

  7. Windows 2012桌面显示“我的电脑”

    Windows 2012桌面显示“我的电脑”  rundll32.exe shell32.dll,Control_RunDLL desk.cpl,,0 

  8. C# 泛型约束 xxx Where T：约束(二)

    泛型是什么? 通过上篇的实例  C# 泛型约束 xxx<T> Where T:约束(一),我们对泛型有一定的认识. 所谓泛型,即通过参数化类型来实现在同一份代码上操作多种数据类型,泛型编程 ...

  9. ETL技巧应用（高级应用介绍：准备区运用、 时间戳的运用、日志表的运用、使用调度）

    1.1    准备区运用 a.在构建数据仓库时,数据源位于一服务器上,数据仓库在另一服务器端,数据源Server端访问频繁,并且数据量大,需要不断更新, b.建立准备区数据库: >将数据抽取到准 ...

  10. Oracle_spatial的空间操作符介绍

    空间操作符 一.主要空间操作符 1.SDO_FILTER SDO_FILTER(geometry1, geometry2, param); 判断两个几何体是否有相交 SELECT c.mkt_id, ...