extjs保存用户习惯(隐藏列)

1 篇文章 0 订阅

思路:(1)监听变化的数据,(显示或者隐藏)

(2)将变化的数据,放进cookie中

(3)从cookie中取出,执行隐藏或者显示方法。

其中第二步时,因为我保存的是列的getIndex()

1.想保存数组[0,1,2,3,4]这种形式,结果...取不出来(也可能是我不会)

2.cookie中只存cookie名字,当时想取数据时不好取(因为他不是从0,1,2,3...,他可能是0,7,17...,现在想不可能只存cookie的名字,因为cp.set(name,value)这种形式,必须存名字和值)

3.cookie中存放单个字符串,即存名字和值,cp.set(name,“123”)(最后我用的)

4.cookie中保存json字符串{"name":"linda","sex":"女","age":20},这样,但是我的key不确定,需要动态设定,不好做,还有我不会动态向json中添加数据

5.cookie中保存json数组,我的想法是userName=[{"name":"张三"},{"name":"李四"},,{"name":"王五"}],然后把他放在{"user":userName}里面,和上边一样的问题,我不会动态向json中添加数据

坑1:一开始是想获得所有隐藏的列,放进cookie,取出,执行显示或者隐藏的方法,结果

取到的数据一直是数据中写死的隐藏的数据,动态的获取不到。

坑2:向cookie中存放数组,结果就是取不出来

坑3:向cookie中保存数据,其中的cookie的name想让他们从0,1,2,3这样,结果还是我不会,然后我就设置动态name

坑4:上图中的

cp.set("9"+indexShow,indexShow)
之前我是这么写的

cp.set(9+indexShow,indexShow)
我的想法是加上字符串“9”

之前没加引号“”,得到的数就是9+15=24,我的本意是915,然后数据就一直不对

hide:function(obj){
        var cp = new Ext.state.CookieProvider({
            expires: new Date(new Date().getTime()+(1000*60*60*24*365))
           });
        Ext.state.Manager.setProvider(cp);
        var indexHidden = obj.getIndex();
        cp.clear("9"+indexHidden);
        cp.set(indexHidden,indexHidden);
    },
show:function(obj){
        var cp = new Ext.state.CookieProvider({
            expires: new Date(new Date().getTime()+(1000*60*60*24*365))
           });
        Ext.state.Manager.setProvider(cp);
        var indexShow = obj.getIndex();
        alert(indexShow);
        cp.clear(indexShow);
        cp.set("9"+indexShow,indexShow);
    }


{header: '收据号码', align : 'center',listeners:{hide:"hide",show:"show"}},
{header: '备注', align : 'center',listeners:{hide:"hide",show:"show"}},
{header: '确认说明', hidden:true, listeners:{hide:"hide",show:"show"}}

    	var cp0 = new Ext.state.CookieProvider({
            expires: new Date(new Date().getTime()+(1000*60*60*24*365))
       	});
	Ext.state.Manager.setProvider(cp0);
	for(var i=0;i<18;i++){
	    var getHideCookie = cp0.get(i);
	    if(getHideCookie != undefined){
	        var numHide = Ext.Number.from(getHideCookie,100);
	        me.columns[numHide+3].hide();
	    }
	}
	for(var j=0;j<18;j++){
	    var getShowCookie = cp0.get("9"+j);
	    if(getShowCookie != undefined){
	        var numShow = Ext.Number.from(getShowCookie,300);
	        me.columns[numShow+3].show();
	    }
	}

最后:好好学习,天天向上。

json

		
		var json = {};
		json["name"]="张三";
		json["sex"]="男";
		json["age"]=20;
		alert(json.age);





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 内容概要 《计算机试卷1》是一份综合性的计算机基础和应用测试卷,涵盖了计算机硬件、软件、操作系统、网络、多媒体技术等多个领域的知识点。试卷包括单选题和操作应用两大类,单选题部分测试学生对计算机基础知识的掌握,操作应用部分则评估学生对计算机应用软件的实际操作能力。 ### 适用人群 本试卷适用于: - 计算机专业或信息技术相关专业的学生,用于课程学习或考试复习。 - 准备计算机等级考试或职业资格认证的人士,作为实战演练材料。 - 对计算机操作有兴趣的自学者,用于提升个人计算机应用技能。 - 计算机基础教育工作者,作为教学资源或出题参考。 ### 使用场景及目标 1. **学习评估**:作为学校或教育机构对学生计算机基础知识和应用技能的评估工具。 2. **自学测试**:供个人自学者检验自己对计算机知识的掌握程度和操作熟练度。 3. **职业发展**:帮助职场人士通过实际操作练习,提升计算机应用能力,增强工作竞争力。 4. **教学资源**:教师可以用于课堂教学,作为教学内容的补充或学生的课后练习。 5. **竞赛准备**:适合准备计算机相关竞赛的学生,作为强化训练和技能检测的材料。 试卷的目标是通过系统性的题目设计,帮助学生全面复习和巩固计算机基础知识,同时通过实际操作题目,提高学生解决实际问题的能力。通过本试卷的学习与练习,学生将能够更加深入地理解计算机的工作原理,掌握常用软件的使用方法,为未来的学术或职业生涯打下坚实的基础。
好的,您可以使用 ExtJS 中的 `Ext.chart.series.Bar` 类来创建多柱状图。以下是一个示例代码,展示如何在 ExtJS 中创建一个多柱状图: ```javascript Ext.create('Ext.chart.Chart', { renderTo: Ext.getBody(), width: 400, height: 300, store: { fields: ['name', 'data1', 'data2', 'data3'], data: [ { name: 'A', data1: 10, data2: 20, data3: 30 }, { name: 'B', data1: 20, data2: 30, data3: 40 }, { name: 'C', data1: 30, data2: 40, data3: 50 }, { name: 'D', data1: 40, data2: 50, data3: 60 } ] }, axes: [ { type: 'numeric', position: 'left', fields: ['data1', 'data2', 'data3'], title: '数值', grid: true, minimum: 0 }, { type: 'category', position: 'bottom', fields: ['name'], title: '类别' } ], series: [ { type: 'bar', xField: 'name', yField: ['data1', 'data2', 'data3'], stacked: false, title: ['数据1', '数据2', '数据3'], style: { opacity: 0.80 }, highlight: { fillStyle: 'yellow' }, tooltip: { trackMouse: true, renderer: function (tooltip, record, item) { tooltip.setHtml(record.get('name') + ': ' + item.field + ' = ' + record.get(item.field)); } } } ] }); ``` 在上面的代码中,我们首先创建了一个 `Ext.chart.Chart` 实例,并将其渲染到页面的 `body` 元素中。然后,我们定义了一个数据源,其中包含了每个类别的三个数据。接下来,我们定义了两个坐标轴:一个是数值轴,用于显示数据的值;另一个是类别轴,用于显示类别名称。最后,我们定义了一个柱状图系,其中 `xField` 是类别名称,`yField` 是三个数据名称的数组,`stacked` 属性设置为 `false`,因为我们不希望将数据堆叠在一起。我们还设置了一些样式和工具提示,以便用户可以查看每个数据点的值。 请注意,您需要在 ExtJS 应用程序中加载 `Ext.chart.*` 和 `Ext.draw.*` 包,以便使用 ExtJS 的图表和绘图功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值