用户自定义表格的列(easyui+cookie)
来源:互联网 发布:godaddy域名邮箱 编辑:程序博客网 时间:2024/06/14 09:21
这是我第一篇技术文章,方便自己和他人作为一种参考和学习。我刚做好一个功能在此记录和总结。
一 需求:用户自定义表格的列
二 分析:
1. 用户动态配置表格的列
2. 保存用户配置的列
3. 可以保存到数据(表设计:userId 表头 过于依赖数据库)
4. 可以保存到cookie(以userId作为 cookie属性,表头作为cookie value)
5. 最终做法:cookie方案,将用户配置的列保存到客户端cookie,设置有效时间
三 具体做法:
//设置Cookie
function setCookie(userId,value){
var Days = 90;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = userId + “=”+ escape (value) + “;expires=” + exp.toGMTString();
}
//获取Cookiefunction getCookie(userId){ var arr,reg=new RegExp("(^| )"+userId+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null;}
这是主要的方法,还有的都是easyui的dialog操作,我是自己写的dialog和html,这里的代码只能作为例子,这得根据具体来写,现在还不太会写博客怎么贴代码的实在不懂。
最后,这个简单功能不复杂,但对于自己前端能力不算6,在操作dom的时候有些坑真是让我操碎了心,比如之前是想保存到数据库的,而发了多次请求打开dialog应设置默认关闭(closed : true)和点击保存事件应解绑上一次点击事件($(“#button-save”).unbind(‘click’).click(function(){})。希望大家能对我这篇文章批评指正,互相学习!
- 用户自定义表格的列(easyui+cookie)
- EasyUi 表格自定义列
- 自定义easyui-datagid的表格数据序列号
- easyUI自定义datagrid的列显示
- easyui自定义checkbox列
- 解决easyui表格加载时候的列标题和列内容无法严格对齐的问题!
- easyui datagrid自定义操作列
- easyui datagrid自定义操作列
- easyui-datagrid自定义操作列
- easyui表格datagrid列宽自适应
- jQuery easyUI表格相同连续列合并
- easyui表格的实现
- easyUI的table表格怎么实现将每一行中某几列数据相加放入另一列
- easyui datagrid自定义按钮列,即最后面的操作列
- easyui datagrid自定义按钮列,即最后面的操作列(第二种方法)
- easyui datagrid自定义按钮列,即最后面的操作列
- easyui datagrid自定义按钮列,即最后面的操作列
- easyui datagrid自定义按钮列,即最后面的操作列(实现方式一)
- jQuery事件处理 、 jQuery动画
- Hadoop之Hive架构详解及应用
- 《小豪商城》项目总结
- CSS基础-CSS常见属性 09
- thinkPHP提示非法数据对象的一种原因
- 用户自定义表格的列(easyui+cookie)
- Java的异常处理机制
- Scala学习笔记(二)流程控制
- Macaca之2.0版本(iOS)完全安装手册
- JS常用字符串处理
- MySQL数据库内连接外链接
- 图形验证码
- Android全屏方法和手动显示navigation
- Servlet基础 、 HTTP协议