EasyUI datagrid 格式 二
单击保存,改表的状态
{ 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 格式 二的更多相关文章
- easyui datagrid的json格式
easyui datagrid的json格式: {"columns":[[{"field":"one","title": ...
- EasyUI datagrid 分页Json字符串格式
//EasyUI datagrid 分页Json字符串格式 //{"total":xx,"rows":[{...},{...}]} total:总数 rows: ...
- (转)扩展jquery easyui datagrid 之动态绑定列和数据
本文转载自:http://blog.csdn.net/littlewolf766/article/details/7336550 easyui datagrid 不支持动态加载列,上次使用的方法是自己 ...
- jquery easyui datagrid 加每页合计和总合计
jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...
- easyui datagrid 禁止选中行 EF的增删改查(转载) C# 获取用户IP地址(转载) MVC EF 执行SQL语句(转载) 在EF中执行SQL语句(转载) EF中使用SQL语句或存储过程 .net MVC使用Session验证用户登录 PowerDesigner 参照完整性约束(转载)
easyui datagrid 禁止选中行 没有找到可以直接禁止的属性,但是找到两个间接禁止的方式. 方式一: //onClickRow: function (rowIndex, rowData) ...
- 关于EasyUI DataGrid行编辑时嵌入时间控件
本人做一个名为“安徽中控”项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必为每个表写具体的增删 ...
- EasyUI datagrid 日期时间格式化
EasyUI datagrid中显示日期时间时,会显示为以下不太直观的数值: 添加以下JavaScript脚本,然后在field中添加 formatter: DateTimeFormatter 即可. ...
- VS2012 easyui datagrid url访问之坑
VS2012 easyui datagrid url访问之坑 url属性放的是地址的话 返回的json格式必须有 total 和 rows,如下: {"total":2," ...
- EasyUI Datagrid Datetime(EasyUI DataGrid 时间格式化)
EasyUI DataGrid 时间格式化 方法一: var Common = { //EasyUI用DataGrid用日期格式化 TimeFormatter: function (value, re ...
随机推荐
- mac navicate破解版汉化
https://pan.baidu.com/s/1dRoalG8lZ-AMGmZrj8OhpQ 提取密码:e8ad 安装完navicate之后解压zh-Hans.zip 点击Resources文件夹 ...
- 我在大学毕业后学习Linux系统的心得经验
扣着手指头一算,自己已经毕业快半年了,这半年莫名其妙进外包圈子溜达了一圈,有幸退的早还是正常干一些事情吧,外包终究不是太适合刚入社会的毕业生,今天想把自己的学习和工作经验写成一篇文章,希望能够帮助到正 ...
- Python Django 之 直接执行自定义SQL语句(一)
一.执行自定义SQL方法 1.Executing custom SQL directly 直接执行自定义SQL,这种方式可以完全避免数据模型,而是直接执行原始的SQL语句. 2.Manage ...
- C++输出数组名
1.如果C++输出的数组是char类型的,那么输出的就是数组中的元素. 2.如果使用的是其他类型的数组作为输出的话,那么就是一个16进制的地址. 3.还是那句话,对数组的操作,很多时候都是指针的操作, ...
- 数字签名-MD5
MD5是信息摘要的意思,报文产生摘要是唯一的(1:1),而且是单向的(通过摘要反推不出源报文) java中的java.security.MessageDigest类,参考MessageDigest的功 ...
- JS日期工具类(转)
javascript Date format(js日期格式化) https://www.cnblogs.com/zhangpengshou/archive/2012/07/19/2599053.htm ...
- python 高级语言特性
装饰器decorator的使用 在某公司的一次笔试中面试官出了一道题,使用python 的decorator实现一个函数的执行时间的计算. 分析:关于函数执行时间的计算,那么肯定是执行之前得到一个时间 ...
- unity3d 九宫密码锁
using UnityEngine;using System.Collections.Generic;using System;using UnityEngine.EventSystems;using ...
- 【转】Delphi 10.3关于相机该注意的细节
感谢移动信息化专家提供的方法,他的ChinaCock组件是相当的专业,感兴趣可以加入qq群223717588.
- java学习笔记17(Calendarl类)
Calendar类:(日历) 用法:Calendar是一个抽象类:不能实例化(不能new),使用时通过子类完成实现,不过这个类不需要创建子类对象,而是通过静态方法直接获取: 获取对象方法:getIns ...