本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于
Panel(面板)、Resizeable(调整大小)、LinkButton(按钮)、Pageination(分页)组件。
一. 后台交互

//删除记录
$.ajax({
type : 'POST',
url : 'delete.php',
data : {
ids : ids.join(','),
},
beforeSend : function (jqXHR, settings) {
$('#box').datagrid('loading');
},
success : function (data, textStatus, jqXHR) {
if (data) {
$('#box').datagrid('load');
$('#box').datagrid('loaded');
$('#box').datagrid('unselectAll');
$.messager.show({
title : '提示',

msg : data + '个用户被删除成功!',
});
}
},
});
//删除 PHP 代码
<?php
require 'config.php';
$ids = $_POST['ids'];
$query = mysql_query("DELETE FROM think_user WHERE id IN ($ids)")
or die('SQL 错误!');
echo mysql_affected_rows();
mysql_close();
?>
//新增及修改用户
onAfterEdit : function (rowIndex, rowData, changes) {
var inserted = $('#box').datagrid('getChanges', 'inserted');
var updated = $('#box').datagrid('getChanges', 'updated');
var url = info = '';
//新增内容
if (inserted.length > 0) {
url = 'add.php';
info = '个用户被新增成功!';
}
//修改内容
if (updated.length > 0) {
url = 'update.php';
info = '个用户被修改成功!';
}
$.ajax({
type : 'POST',
url : url,
data : {

row : rowData,
},
beforeSend : function (jqXHR, settings) {
$('#box').datagrid('loading');
},
success : function (data, textStatus, jqXHR) {
if (data) {
$('#box').datagrid('load');
$('#box').datagrid('loaded');
$('#box').datagrid('unselectAll');
$.messager.show({
title : '提示',
msg : data + info,
});
obj.editRow = undefined;
}
},
});
},
//新增服务器代码
<?php
require 'config.php';
$row = $_POST['row'][0];
$user = $row['user'];
$email = $row['email'];
$date = $row['date'];
$query = mysql_query("INSERT INTO think_user (user, email, date)
VALUES ('$user', '$email' ,'$date')") or die('SQL 错误!');
echo mysql_affected_rows();
mysql_close();
?>
//修改服务器代码
<?php
require 'config.php';
$row = $_POST['row'][0];

$id = $row['id'];
$user = $row['user'];
$email = $row['email'];
$date = $row['date'];
$query = mysql_query("UPDATE think_user SET
user='$user',email='$email',date='$date' WHERE id='$id'") or die('SQL 错
误!');
echo mysql_affected_rows();
mysql_close();
?>

DataGrid( 数据表格) 组件[7]的更多相关文章

  1. DataGrid( 数据表格) 组件[9]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  2. DataGrid( 数据表格) 组件[8]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  3. DataGrid( 数据表格) 组件[6]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  4. DataGrid( 数据表格) 组件[5]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  5. DataGrid( 数据表格) 组件[4]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  6. DataGrid( 数据表格) 组件[3]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  7. DataGrid( 数据表格) 组件[2]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  8. DataGrid( 数据表格) 组件[1]

    本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于Panel(面板).Resizeable(调整大小).LinkButton(按钮).Pageination( ...

  9. 第二百二十二节,jQuery EasyUI,DataGrid(数据表格)组件

    jQuery EasyUI,DataGrid(数据表格)组件 学习要点: 1.加载方式 2.分页功能 本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于 Pa ...

随机推荐

  1. 认识html标签

    让我们通过一个网页的学习,来对html标签有一个初步理解. 平常大家说的上网就是浏览各种各式各样的网页,这些网页都是由html标签组成的. 下面就是一个简单的网页.效果图如下: 我们来分析一下,这个网 ...

  2. 动态脚本,在js里面又写js

    不知道怎么回事 代码测试不过 var a=document.createElement("script"); a.type="text/javascript"; ...

  3. oracle双机热备概念

    1. 双机热备概述      双机热备有两种实现模式,一种是基于共享的存储设备的方式,另一种是没有共享的存储设备的方式,一般称为纯软件方式.      基于存储共享的双机热备是双机热备的最标准方案. ...

  4. 1.3.4 try-with-resources (TWR)

    其基本设想是把资源(比如文件或类似的东西)的作用域限定在代码块内,当程序离开这个代码块时,资源会被自动关闭: 要确保try-with-resources生效,正确的用法是为各个资源声明独立变量: 目前 ...

  5. Python自动化运维之2、运算符与数据类型

    python对象的相关术语: python程序中保存的所有数据都是围绕对象这个概念展开的: 程序中存储的所有数据都是对象 每个对象都有一个身份.一个类型和一个值 例如,school='MaGe Lin ...

  6. 一个读取propeties配置文件的工具类,线程安全的

    public class ConfigUtil { private static Map<String,Properties> map = new HashMap<String,Pr ...

  7. C++构造函数 & 拷贝构造函数 & 派生类的构造函数 & 虚继承的构造函数

    构造函数 ,是一种特殊的方法 .主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中 .特别的一个类可以有多个构造函数 ,可根据其参数个数的不同或参数 ...

  8. c++中构造函数 、析构函数的作用域详解

    我们知道,在c++中,析构函数是在函数作用域尾部执行析构函数,从而释放对象,但是有一种情况下,析构函数作用域发生变化,请看下面的例子,定义了一个Stock类,Stock类存放在stock.h中,主调用 ...

  9. 关于tcc、tlink的编译链接机制的研究

    1.学习过程 在c:\下建立文件夹c,并将编译器tcc.exe.连接器tlink.exe.相关文件c0s.obj.cs.lib.emu.lib.maths.lib放入文件夹中. 要搭建一个简单的C语言 ...

  10. Web Server PROPFIND Method internal IP Discosure

    Title:Web Server PROPFIND Method internal IP Discosure  --2012-11-09 09:47 Nessus扫描出来一个安全缺陷,Web Serv ...