官方文档:http://icheck.fronteed.com/
使用基本样式
$('input').iCheck({
checkboxClass : 'icheckbox_square-blue',
radioClass : 'iradio_square-blue',
increaseArea: '20%' // optional});
iCheck实现翻页保存状态
//全选与取消全选选完之后将选过的值保存在一个数组里(listRoles)
var $cbxSelectAll = $formwareAuthorSave.find("[data-widget=dttblsubwareauthor] thead input[type=checkbox]");
var $cbxSelectOne = $formwareAuthorSave.find("[data-widget=dttblsubwareauthor] tbody input[type=checkbox]");
Application.iCheck.init($formwareAuthorSave);
$cbxSelectAll.iCheck($cbxSelectOne.filter(":checked").length != 0 &&
$cbxSelectOne.filter(":checked").length == $cbxSelectOne.length ? "check" : "uncheck");
$cbxSelectAll.off("ifChecked");
$cbxSelectAll.on("ifChecked", function(){
if($cbxSelectOne.filter(":checked").length != $cbxSelectOne.length){
$cbxSelectOne.iCheck("check");
}
});
$cbxSelectAll.off("ifUnchecked");
$cbxSelectAll.on("ifUnchecked", function(){
if($cbxSelectOne.filter(":checked").length == $cbxSelectOne.length){
$cbxSelectOne.iCheck("uncheck");
}
});
$cbxSelectOne.off("ifChecked");
$cbxSelectOne.on("ifChecked", function(){
var datastring= JSON.parse($(this).attr("data-string"));
var data={"relationEntityCode":datastring.entityCode,"relationEntitySubCode":datastring.entitySubCode,"id":datastring.id};
var exist = _.findWhere(listRoles,
{
id: data.id
}) != undefined;
if(!exist){
listRoles.push(data);
}
if($cbxSelectOne.filter(":checked").length == $cbxSelectOne.length){
$cbxSelectAll.iCheck("check");
}
});
$cbxSelectOne.off("ifUnchecked");
$cbxSelectOne.on("ifUnchecked", function(){
var data= JSON.parse($(this).attr("data-string"));
var index = _.findIndex(listRoles,
{
id: data.id
});
if(index != -1){
listRoles.splice(index, 1);
}
if($cbxSelectOne.filter(":checked").length != $cbxSelectOne.length){
$cbxSelectAll.iCheck("uncheck");
}
});
//加载表格数据时进行判断是否已经选择,在数组里面查找
var $checkHtml = $("<div></div>");
var $checkbox = $('<input type="checkbox" data-widget="cbxSelect">');
var exist = _.findWhere(listRoles,
{
id: row.id,
}) != undefined;
if(exist){
$checkbox.attr("checked", true);
}
$checkHtml.append($checkbox.attr("data-string", JSON.stringify(row)));
return $checkHtml.html();
全选与部分选择的效果图
博客地址:http://www.cnblogs.com/windseek/
icheck样式绑定与翻页保持的更多相关文章
-
css翻页样式
/*=======================翻页样式===========================*/.pages { width: 660px; text-align: center; ...
-
移动web:翻页场景动画
在移动web,特别是在微信中,经常看到一种翻页动画效果,也称为场景动画. 一页一页的翻过,像在看书,每页的内容以各种"炫酷"的效果出现在你的眼里,配上一首动听的音乐,你有没有喜欢上 ...
-
Qt编写数据库通用翻页demo(开源)
在Qt与数据库结合编程的过程中,记录一多,基本上都需要用到翻页查看记录,翻页有个好处就是可以减轻显示数据的表格的压力,不需要一次性将数据库表的记录全部显示,也基本上没有谁在一页上需要一次性显示所有记录 ...
-
yii2.0下,JqPaginator与load实现无刷新翻页
JqPaginator下载地址http://jqpaginator.keenwon.com/ 控制器部分: <?php namespace backend\controllers; use co ...
-
Atitti usrQBf1801 翻页控件规范 &#160;v2
Atitti usrQBf1801 翻页控件规范 v2 1. 参考api 参考easyui ,.net系列的1 1.1. 翻页流程 初始化翻页控件,以及绑定新页面event onSelectPa ...
-
C#_简单实用的翻页
简单实用的生成翻页HTML辅助类 C# using System.Text; namespace ClassLibrary { /// <summary> /// /// </sum ...
-
JS调用水晶报表打印翻页按钮事件
默认的水晶报表打印按钮.翻页按钮太小,并且样式不好调整,考虑自己做一个按钮,然后调用水晶报表的按钮事件. 在实际操作中发现可以在.net按钮的服务器端事件中调用翻页方法: CrystalReportV ...
-
Atitit.列表页面and条件查询的实现最佳实践(2)------翻页 分页 控件的实现java .net php
)------翻页 分页 控件的实现java .net php 1. 关于翻页有关的几大控件::搜索框控件,显示表格控件,翻页器,数据源控件.. 1 2. 翻页的显示格式:: 1 2.1. 通常ui- ...
-
★android开发--ListView+Json+异步网络图片加载+滚动翻页的例子(图片能缓存,图片不错乱)
例子中用于解析Json的Gson请自己Google下载 主Activity: package COM.Example.Main; import java.util.HashMap; import ja ...
随机推荐
-
使用Nsight查找CE3的渲染bug
工作临时的接的一个小任务,查找ce3引擎修改后在绘制上出的一点bug 在代码的底层调用代码做了一些修改后,场景里的绘制的问题,因为也是刚接触CE3代码,也只能通过Nsight来查找问题了. 首先用 ...
-
JVM基础知识总结
因为没深入搞底层研究,所以也就没做很细致的笔记.相关笔记内容是直接从度娘那儿来的,重新删减.整理和加了点自己的东西. 1.JVM(Java Virtual Machine)是什么:JVM是一种用于计算 ...
-
SQLSERVER中返回修改后的数据
在公司看到同事写了个SQL2005的新特性的文章,觉得很实用,在这里和大家分享下. 这种技术主要是用到了inserted和deleted虚拟表,这两张表相信大家都很熟悉.以前我们主要是在触发器中使用. ...
-
出现security ioError 安全沙箱问题
client安全沙箱 通配策略 crossdomain <?xml version="1.0" encoding="UTF-8"?> <!DO ...
-
去除List列表中反复值(稍作调整,也适合于List&;lt;T&;gt; 和 List&;lt;?&;gt;)
方法一 循环元素删除 [c-sharp] view plaincopy public static void removeDuplicate(List list) { for ( int i = 0 ...
-
kiddouk/redisco
kiddouk/redisco A Python Library for Simple Models and Containers Persisted in Redis
-
学习之路-->;大小文件读取并分页展示
1.读取小文件,并进行分页 商品|价格 飞机|1000 大炮|2000 迫击炮|1000 手枪|123 ..... lis = [] n = 10 #每页显示10条信息 with open('小文件' ...
-
30.C++复习篇
本章学习内容: 1.const 2.指针const 3.inline内联函数 4.函数重载 5.extern “C” 6.new/delete声明与释放 7.namespace命名空间 8.C++中的 ...
- python数学第七天【期望的性质】
-
WHU1124 Football Match
http://acm.whu.edu.cn/learn/problem/detail?problem_id=1124 题目大意:有N支球队,你们是第N支.每个队伍已经有一些分数了,接下来还有M场比赛. ...