本节课重点了解 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. iOS改变图片尺寸

    - (UIImage *)originImage:(UIImage *)image scaleToSize:(CGSize)size { UIGraphicsBeginImageContext(siz ...

  2. 【C++学习之路】派生类的构造函数(三)

    三.多层继承的派生类 1.多层继承的派生类只需在构造函数的初始化列表中写出直接基类的构造函数即可 class student { public: student(int n, string nam) ...

  3. uva 10077 - The Stern-Brocot Number System

    想法: 初始化三個數L=0/1, M=1/1, R=1/0,設輸入的分數為a: 如果a<M,那麼要往左邊走,    R = M;    M = (L分子+M分子)/(L分母+M分母); 如果a& ...

  4. js十进制等互相转换

    //十进制转其他 var x=110; alert(x); alert(x.toString(8)); alert(x.toString(32)); alert(x.toString(16));  / ...

  5. JQUERY1.9学习笔记 之基本过滤器(四) 首元素选择器

    首元素选择器:jQuery( ":first" ) <!DOCTYPE html><html lang="zh-cn"><head ...

  6. Js配合CSS实现的图片居中

    CSS图上居中很好实现,但万恶的浏览器之间各不相让,搞的不兼容,还好我们有让其兼容的办法,那就是结合JS来实现,这样各个浏览器都听话多了.本例就是CSS结合JavaScript实现的图片垂直.水平方向 ...

  7. iOS开发——C篇&动态内存分配

    再C语言中关于内存是一个很重要的知识点,所以今天我就从c语言的内存分配开始为大家解析一下C语言再iOS开发中非常重要的一些知识. 1:malloc函数的介绍 C语言中开辟内存空间:malloc函数 再 ...

  8. Swift语法之 ---- ?和!区别

    1.常量和变量 Swift语言中是用let来定义常量,并且要初始化.var来定义变量,在let或者var后面申明类型,冒号+空格,然后再加上类型名称. 2.optional(可选)变量 可选变量用于处 ...

  9. poj 1819 Disks

    http://poj.org/problem?id=1819 #include <cstdio> #include <cstring> #include <cmath&g ...

  10. Bug解决过程复盘

    反思了下,解决问题无外乎3w1h when where who how 就是查询出来的事情多了,现在不知道哪个地方出问题,应该根据日志一步一步梳理,查看每一步的输出结果是否与预期一致 顺藤摸瓜 觉得不 ...