用户自定义表格的列(easyui+cookie)

这是我第一篇技术文章,方便自己和他人作为一种参考和学习。我刚做好一个功能在此记录和总结。
一 需求:用户自定义表格的列
二 分析:
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();
}

//获取Cookie
function 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(){})。希望大家能对我这篇文章批评指正,互相学习!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值