checkbox记忆功能的实现

背景:

给予dataTable插件的表格,表格包含排序,翻页等功能。每行表格的第一列是一个checkBox

恢复选中的基本思路:

1. 给每条数据对应的checkBox添加一个唯一标识

2. 翻页或者排序后将选中的checkBox标识的数组传递到后台,再由后台传递回前台

3. 前台获取选中checkBox标识的数组,并遍历当前的checkBox的标识是否在该数组中,如果在,则向该checkBox追加属性(checked=checked)

记忆选中内容的基本思路:

1.翻页或排序是将选中的checkBox对应的数据传递到data属性中,为了保证数据的实时有效性,可以去后台重新取一遍然后再传递到data属性中

2. 通过checkBox标识即可获取相应的数据

实现代码片段(ruby+js)//

时间: 2024-11-15 08:50:17

checkbox记忆功能的实现的相关文章

Excel 2003-单元格输入中带记忆功能

最近有个同事问我,如何在Excel单元格输入中带记忆功能?其实很简单: 工具ó选项ó编辑ó将"记忆式键入"项选中ó确定: //附图[效果图]:

让你的javascript函数拥有记忆功能,降低全局变量的使用

考虑例如以下场景:假如我们须要在界面上画一个圆,初始的时候界面是空白的.当鼠标移动的时候,圆须要尾随鼠标移动.鼠标的当前位置就是圆心.我们的实现方案是:假设界面上还没有画圆,那么就新创建一个:假设已经存在,就直接更新其位置.这样可以避免先销毁.后创建的开销. var circle = null; function drawCircle(position) { if(circle == null) { circle = GUI.Create(position);//创建1个圆 } else { c

Extjs grid分页多选记忆功能

很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页数据 以下解决方法是在工作中的碰到的.分享给大家共同学习一下. 1.首先定义一个保存选中记录的集合 2.定义选中记录的CheckboxModel 3.定义store(这个请参考) 监听beforeload 及load事件 4.在grid中引用sm

让你的javascript函数拥有记忆功能,减少全局变量的使用

考虑如下场景:假如我们需要在界面上画一个圆,初始的时候界面是空白的:当鼠标移动的时候,圆需要跟随鼠标移动,鼠标的当前位置就是圆心.我们的实现方案是:如果界面上还没有画圆,那么就新创建一个:如果已经存在,就直接更新其位置.这样能够避免先销毁,后创建的开销. var circle = null; function drawCircle(position) { if(circle == null) { circle = GUI.Create(position);//创建1个圆 } else { cir

c# winforms TextBox的记忆功能

c# winforms TextBox的记忆功能 1:在项目上点右键  sproperties-settings 添加项目 如 MyText  类型 String 2: 获取值:   string loginId = Properties.Settings.Default.MyText; 3:保存值:在Formclosing中 Properties.Settings.Default.MyText =  UserID.ToString(); Properties.Settings.Default.

带记忆功能的读取账号结构思路和实例

思路 :读取和写入脚本配置的命令 readconfig writeconfig 两个命令可以方便的实现脚本的记忆功能 注意writeconfig 第三个参数必须为true  脚本开始 我们读取下脚本配置的记忆 看看有没有上次运行到哪行账号的记录 有则读取 脚本读取账号循环就从这个记忆位置开始 依次读取 然后就是整个读取账号循环结束了 不要忘记把脚本配置的记忆重置 方便下次又从第一行开始 直接看实例 没什么值得多说的 例子有些繁琐 还是我的老毛病 想的太多 //1.读取账号文件内容 Dim 本行内

浏览器自带记忆功能,使input颜色和字体丢失

input:-internal-autofill-selected { /*内置阴影填充 背景颜色*/ box-shadow: inset 0 0 0 1000px #253167! important; /*只有谷歌兼容 字体颜色*/ -webkit-text-fill-color: #fff !important; } 上述可以解决,, 可以禁用 input的记忆功能<input type="text"  autocomplete="off">, 原

Asp.Net 之 禁用TextBox的记忆功能

IE提供了一个自动完成功能可以记忆我们的输入内容(如登录帐号等),方便下一次快速地录入类似资料.这确实是一个非常友好的功能,在操作时只需用鼠标双击文本框或输入前几个字符,系统会自动列出以前的录入历史供你选择,大大提高录入速度及准确性.相信大多数IE的用户都启用了这项功能. 然而作为网站开发者来说,并不希望什么资料都记忆在用户的电脑上(如银行帐号和其它重要的帐号及密码),但是我们又不能要求用户禁用自动完成的功能.幸好IE5.0后为 INPUT type=password, INPUT type=t

c#文本框记忆功能

var source = new AutoCompleteStringCollection(); source.AddRange(new string[] { "110", "119", "120", "112", "10010", "10086" }); textBox1.AutoCompleteCustomSource = source; textBox1.AutoCompleteM