用户自定义表格的列(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(){})。希望大家能对我这篇文章批评指正,互相学习!