单击保存,改表的状态

 { field: 'ck', checkbox: true },

$("tr").each(function () {
if ($(this).find("input:checkbox[name='ck']").prop("checked")) {
var temp = $(this).find("td").eq()[].innerHTML;
$(this).find("td").eq()[].innerHTML = temp.replace("打开","关闭);
}
});

行白灰变色

                rowStyler: function (index, row) {
if ((index % ) == ) {
return 'background-color:#ffffff;color:#fff;';
}
else {
return 'background-color:#F7F7F7;color:#fff;';
}
},
$('#Cse_Bespeak_Log').datagrid('getRows') 获取所有行
$('#Cse_Bespeak_Log').datagrid('getSelected');获取选中一行
$('#Cse_Bespeak_Log').datagrid('getSelections') 获取选中多行
排序
sortName: 'unitcost',
sortOrder: 'asc',
columns: [[
{
field: 'chose', checkbox: true, title: '编号', sortable: true,
}, public JsonResult Data(int page,int rows,string sort,string oder)

翻页选


var proIds = [];


var fileview = $.extend($.fn.datagrid.defaults.view, { onAfterRender: function (target) {
for (var i = 0; i < proIds.length; i++) {
$('#checkProductDataList').datagrid('selectRecord', proIds[i]); //根据id选中行
}
}});
function checkExist(proId) {
for (var i = 0; i < proIds.length; i++) {
if (proIds[i] == proId) return i;
}
return -1;
}


idField: 'itemid',
,
onLoadSuccess:function(data){
if(data){
$.each(data.rows, function(index, item){
if (item.IsSelectItem) {
$('#Cse_Bespeak_Log').datagrid('checkRow', index);
}
})
}
},
onCheck:function(rowIndex, rowData){ //单个复选框被选中时触发
var rows = $('#Cse_Bespeak_Log').datagrid('getChecked');
for (var i = ; i < rows.length; i++) {
if (checkExist(rows[i].itemid) == -) { //这里-1,因为后台传输的数据最后多带了个逗号,在这里-1可以少循环一次,可以根据自己情况优化
proIds.push(rows[i].itemid);
}
}
},
onCheckAll:function(){ //批量复选框选中时触发
var rows = $('#Cse_Bespeak_Log').datagrid('getChecked');
for (var i = ; i < rows.length; i++) {
if (checkExist(rows[i].itemid) == -) {
proIds.push(rows[i].itemid);
}
}
},
onUncheck:function(rowIndex, rowData){ //单记录复选框取消时触发
var k = checkExist(rowData.itemid);
if (k != -) {
proIds.splice(k, );
}
},
onUncheckAll:function(rows){ //批量复选框取消选中时触发
for (var i = ; i < rows.length; i++) {
var k = checkExist(rows[i].itemid);
if (k != -) {
proIds.splice(k, );
}
}
}

取消选择

$("#Table").datagrid("clearChecked");
$("#Table").datagrid("clearSelections");

EasyUI datagrid 格式 二的更多相关文章

  1. easyui datagrid的json格式

    easyui datagrid的json格式: {"columns":[[{"field":"one","title": ...

  2. EasyUI datagrid 分页Json字符串格式

    //EasyUI datagrid 分页Json字符串格式 //{"total":xx,"rows":[{...},{...}]} total:总数 rows: ...

  3. (转)扩展jquery easyui datagrid 之动态绑定列和数据

    本文转载自:http://blog.csdn.net/littlewolf766/article/details/7336550 easyui datagrid 不支持动态加载列,上次使用的方法是自己 ...

  4. jquery easyui datagrid 加每页合计和总合计

    jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...

  5. easyui datagrid 禁止选中行 EF的增删改查(转载) C# 获取用户IP地址(转载) MVC EF 执行SQL语句(转载) 在EF中执行SQL语句(转载) EF中使用SQL语句或存储过程 .net MVC使用Session验证用户登录 PowerDesigner 参照完整性约束(转载)

    easyui datagrid 禁止选中行   没有找到可以直接禁止的属性,但是找到两个间接禁止的方式. 方式一: //onClickRow: function (rowIndex, rowData) ...

  6. 关于EasyUI DataGrid行编辑时嵌入时间控件

    本人做一个名为“安徽中控”项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必为每个表写具体的增删 ...

  7. EasyUI datagrid 日期时间格式化

    EasyUI datagrid中显示日期时间时,会显示为以下不太直观的数值: 添加以下JavaScript脚本,然后在field中添加 formatter: DateTimeFormatter 即可. ...

  8. VS2012 easyui datagrid url访问之坑

    VS2012 easyui datagrid url访问之坑 url属性放的是地址的话 返回的json格式必须有 total 和 rows,如下: {"total":2," ...

  9. EasyUI Datagrid Datetime(EasyUI DataGrid 时间格式化)

    EasyUI DataGrid 时间格式化 方法一: var Common = { //EasyUI用DataGrid用日期格式化 TimeFormatter: function (value, re ...

随机推荐

  1. eclipse package视图和navigator视图的区别

    package视图是适合开发的视图,因为开发时我们只关注源文件,并不关注编译后的二进制文,所有在该视图中存放二进制文件的classes文件被隐藏了,而navigator视图,就是项目在工作空间中存放的 ...

  2. DRF的分页

    DRF的分页   DRF的分页 为什么要使用分页 其实这个不说大家都知道,大家写项目的时候也是一定会用的, 我们数据库有几千万条数据,这些数据需要展示,我们不可能直接从数据库把数据全部读取出来, 这样 ...

  3. 《Python》并发编程

    手工操作 —— 穿孔卡片 1946年第一台计算机诞生--20世纪50年代中期,计算机工作还在采用手工操作方式.此时还没有操作系统的概念.     程序员将对应于程序和数据的已穿孔的纸带(或卡片)装入输 ...

  4. DevExpress ASP.NET Bootstrap Controls v18.2新功能详解(一)

    行业领先的.NET界面控件2018年第二次重大更新——DevExpress v18.2日前正式发布,本站将以连载的形式为大家介绍新版本新功能.本文将介绍了DevExpress ASP.NET Boot ...

  5. AssetBundle自动标签、打包

    using System;using System.Collections.Generic;using System.IO;using UnityEditor;using UnityEngine; / ...

  6. SpringMVC学习三

    实现有点用处的增删改查,并利用了AJAX(javascript)动态修改,还有json的返回读取,以及文件上传和下载. 配置基础Employee类以及Dao类 package com.springmv ...

  7. python 爬虫数据存入csv格式方法

    python 爬虫数据存入csv格式方法 命令存储方式:scrapy crawl ju -o ju.csv 第一种方法:with open("F:/book_top250.csv" ...

  8. PHP ueditor编辑器使用(TP5)

    百度搜索ueditor,下载,解压,把需要的JS文件放到对应的目录里,根据框架的不同目录也不一样 在文件中引入需要的JS文件 HTML代码 <div> <!-- 编辑器 --> ...

  9. maven项目中的pom.xml

    需要配置的内容 1.配置头(自动生成) 2.maven项目的坐标(自动生成) <modelVersion>4.0.0</modelVersion> <groupId> ...

  10. 大数据-12-Spark+Kafka构建实时分析Dashboard

    转自 http://dblab.xmu.edu.cn/post/8274/ 0.案例概述 本案例利用Spark+Kafka实时分析男女生每秒购物人数,利用Spark Streaming实时处理用户购物 ...