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" ...
随机推荐
- 25 uname-用于显示系统信息
uname可显示电脑以及操作系统的相关信息. 语法 uname [-amnrsv][--help][--version] 参数说明: -a或--all 显示全部的信息. -m或--machine 显示 ...
- 9-cat 简明笔记
连接或显示文件 cat [options] [file-list] 参数 file-list 是cat要处理的单个文件路径名或多个文件路径名列表,如果不指定任何参数或指定一个连字符(-)代替文件名,c ...
- js中奇特的for循环写法
//正常的for循环 for(var i=0;i<10;i++){ console.log(i); } //输出:1,2,3……10 //简写 for(var i=10;i--;){ conso ...
- MyEclipse10连接数据库
连接oracle数据库 DB窗口>>右键:新建
- MyBatis_Generator的使用(实践)
使用MyBatis的Generator主要配置三个地方 1.pom.xml 2.generatorConfig.xml 3.maven命令生成文件 一.pom.xml 1.引入依赖 <mysql ...
- 概率 light oj 1248
t组样例 n<100010 dp[i] 从i翻到n面的期望 接下来翻 可能是i面已经有的 也可能是n-i面没有的 dp[i]=i/n*(dp[i]+1)+(n-i)/n*(dp[i+1]+1) ...
- mysql字段冲突报错
check the manual that corresponds to your MySQL server version for the right syntax to use near 出现这个 ...
- HP新学知识
Oracle的框架中有webservice和portlet....但不是平时所知道的那种webservice
- 精通Web Analytics 2.0 (1) 引言
精通Web Analytics 2.0 : 用户中心科学与在线统计艺术 前言 我对这本书抱有一个简单的愿望,也许是崇高的目标:改变世界对线上事情作决策的方式. 长久以来,我们在线上的举动已经被准确的归 ...
- [日常训练]curves
Description 小同学的弟弟小昨天学习了数学中的一元二次函数,但是由于学业不精,他一个晚上都在缠着小问一元二次函数的极值问题,小烦不可耐,于是,想请你帮忙弄个程序来应付小.程序要完成以下任务: ...