easyUI数据表格datagrid之笔记2
/**=========================================
* 追加在表格尾部
*/
function append(){
editIndex = $('#dg').datagrid('getRows').length-1;
//if (endEditing()){
$('#dg').datagrid('appendRow',{
MEDIA_ID:editIndex,
MEDIA_NAME:'testmedia',
MEDIA_DOMAIN:'http://ceshimedia.com/',
MEDIA_TYPE:'2'
});
$('#dg').datagrid('selectRow', editIndex).datagrid('beginEdit', editIndex);
//}
}
/**=========================================
/*移除数据 */
function removeit(){
if (editIndex == undefined){return true;}
$('#dg').datagrid('cancelEdit', editIndex)
.datagrid('deleteRow', editIndex);
editIndex = undefined;
}
/**=========================================
/*接受表格的编辑并保存,,没有向数据库更新
提交自从被加载以来或最后一次调用 acceptChanges 以来所有更改的数据。*/
function accept(){
if (endEditing()){
$('#dg').datagrid('acceptChanges');
}
}
/**=========================================
* 取消编辑,也没有向数据库更新
*/
function reject(){
$('#dg').datagrid('rejectChanges');
editIndex = undefined;
}
/**=========================================
*获取最后一次提交以来更改的行
* type 参数表示更改的行的类型,可能的值是:inserted、deleted、updated,等等。
* 当 type 参数没有分配时,返回所有改变的行。*/
function getChanges(){
var rows = $('#dg').datagrid('getChanges');
alert(rows.length+' rows are changed!');
}
表格的编辑(某一行的开始编辑和结束编辑)
$("#dg").datagrid('beginEdit',0);
$("#dg").datagrid('endEdit',0);
$("#dg").datagrid('getChanges','inserted');//返回添加数据的对象,是一个数组类型,里面是键值对
$("#dg").datagrid('getChanges','updated');//返回更新(修改)的对象
easyUI数据表格datagrid之笔记2的更多相关文章
- easyUI数据表格datagrid之笔记
1.用ajax获取数据库数据 /**========================================= * 读取数据库信息,使用ajax的load方法 */function getMe ...
- easyUI 数据表格datagrid的使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- easyUI数据表格datagrid之分页
一.分页函数 /**========================================= * 分页函数 */function pagerFilter(data) { if(typeof ...
- [转载]EasyUI中数据表格DataGrid添加排序功能
我们这里演示的是EasyUI数据表格DataGrid从服务器端排序功能,因为觉的本地数据排序没有多大的作用,一般我们DataGrid不会读取全部数据,只会读取当前页的数据,所以本地数据排序也只是对当前 ...
- easyui框架--基础篇(一)-->数据表格datagrid(php与mysql交互)
前 言 php easyui框架--本篇学习主要是 easyui中的datagrid(数据表格)框架. 本篇学习主要通过讲解一段代码加GIF图片学习datagrid(数据表格)中的一些常用属 ...
- jQuery EasyUI - 数据表格(DataGrid)
由于工作需要,项目使用前端 jQuery EasyUI - DataGrid 来控制数据表格. 1.加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery, ...
- Easyui数据表格-地区列表及工具栏增删改
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- 商城项目回顾整理(二)easyUi数据表格使用
后台主页: 商品的数据表格展示 引入用户表数据表格展示 引入日志表数据表格展示 引入订单表数据表格展示 后台主页代码: <%@ page language="java" co ...
- 数据表格 - DataGrid - 查询
toolbar头部工具栏 <script type="text/javascript"> $(function () { $("#datagrid" ...
随机推荐
- js获取上传的文件并用ajax提交
<form id="form1" name="form1" encType="multipart/form-data" method= ...
- 解决 samba不允许一个用户使用一个以上用户名与一个服务器或共享资源的多重连接
net use * /del /y http://www.cnblogs.com/senior-engineer/p/4528378.html
- 51nod 1040最大公约数和(欧拉函数)
1040 最大公约数之和 题目来源: rihkddd 基准时间限制:1 秒 空间限制:131072 KB 分值: 80 难度:5级算法题 收藏 关注 给出一个n,求1-n这n个数,同n的最大公约数 ...
- CentOS6.5下搭建NFS文件服务器
本文参考这里 CentOS下搭建NFS服务器总结 环境介绍: 1. 服务器: 192.168.0.100 2. 客户机: 192.168.0.101 安装软件包: 服务器和客户机都要安装nfs 和 r ...
- java-URLConnection网络数据收取
通过url创建connection方式收取 import java.io.BufferedReader; import java.io.ByteArrayOutputStream; import ja ...
- mysql数据库默认存放位置修改
windows: 方式一 使用符号连接 假设你的mysql安装在c:\mysql,数据目录就是c:\mysql\data 现在你想在D 盘建立一个名为foo的数据库,路径为d:\data\foo. ...
- HTML-图片热点、网页内嵌、网页拼接、快速切图
图片热点 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果.与图片链接不同,热点是图片上的某一个区域或多个区域. 我们用魔兽世界图片来做一个图片热点,点击logo.区域和不 ...
- Debugger 怎么用
Debugger 是一个很有用的工具,尤其对于workflow开发人员来说.可以帮助我们check 从source 到target的数据流.我们可以看到什么数据从source中流出,在接下来的tran ...
- 【BZOJ-3790】神奇项链 Manacher + 树状数组(奇葩) + DP
3790: 神奇项链 Time Limit: 10 Sec Memory Limit: 64 MBSubmit: 304 Solved: 150[Submit][Status][Discuss] ...
- bzoj2219: 数论之神
#include <iostream> #include <cstdio> #include <cstring> #include <cmath> #i ...