`
hellonickco
  • 浏览: 50578 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类

ExtJs cookie 操作存在bug

阅读更多

Ext 的cookie操作十分简单,

 

具体的实现代码如下

 

 

//var cp = new Ext.state.CookieProvider();
//Ext.state.Manager.setProvider(cp);
插入cookie // cp.set("username",username);
获取cookie值  //var defaultvalue=cp.get("username");

 

/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){

    Ext.QuickTips.init();

    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';


	var cp = new Ext.state.CookieProvider();      
	Ext.state.Manager.setProvider(cp);
	var defaultvalue=cp.get("username"); 
	

	
    var simple = new Ext.FormPanel({
        labelWidth: 75, // label settings here cascade unless overridden
        frame:true,
        title: 'hello',
        bodyStyle:'padding:5px 5px 0',
        width: 350,
        buttonAlign:"center",
        defaults: {width: 230},
        defaultType: 'textfield',

        items: [{
                fieldLabel: '用户名',
                name: 'username',
                allowBlank:false,
				emptyText:''
            },{
                fieldLabel: '密码',
                name: 'password',
                inputType: 'password'
            },new Ext.form.Label({
            	id:"label_notice",
            	text:"notice:please insert your name",
            	style:"text-decoration:underline;text-align:center;text-shadow:#FF0;color:red;"
            })
        ],

        buttons: [{
            text: '登录',
            handler: function(){
				
			cp.set("username",username);	
				
            	if(simple.getForm().isValid()){
            		var username = simple.getForm().findField("username").getValue();
            		var password = simple.getForm().findField("password").getValue();if(username==""||password==""){Ext.Msg.alert("错误","用户名密码不能为空")}});
            	} return;
            }
        },{
            text: '重置 ',
            handler: function(){
            	if(simple.getForm().isValid()){
            		var form = simple.getForm().getEl().dom;
            		form.reset();
            	}
            }
        },{
        	text: '帮助',
        	handler : function(){
        		help();
        	}
        }]
    });
    
    var window = new Ext.Window({
    	title: '',
    	width: 400,
    	height:180,
    	layout: 'fit',
    	plain:true,
    	bodyStyle:'padding:5px;',
    	closable:false,
    	items: simple
    });

    //simple.render(document.body);
    window.show();

});

 

 

虽然这样非常容易实现十分简单的cookie操作,但是,refeash 之后, 会自动取到 cookie中username 的值,但是自动检测为空则会报错,郁闷中,估计要阅读源码才会解决。

 

 

分享到:
评论

相关推荐

    Extjs 关于 cookie的操作

    ### Extjs 中关于 Cookie 的操作 #### 一、引言 在 Web 开发中,Cookie 是一种常用的数据存储方式,用于保存用户的一些基本信息或者状态,从而实现网站的个性化设置或登录状态保持等功能。Extjs 作为一种强大的 ...

    ExtJS3.3版本的BUG

    - 在多个不同版本的ExtJS(例如3.2、3.4)中测试相同的代码片段,观察是否同样存在该问题。 - 如果条件允许,可以在不同的浏览器环境中测试代码,确保不是由特定浏览器环境引起的问题。 综上所述,对于ExtJS 3.3...

    extjs bug 图标大全

    而"警告"图标则可能表明操作可以继续,但存在潜在的问题或副作用。 为了理解和使用这个"bug图标大全",你需要了解以下几点: 1. **图标资源**:首先,确认你的ExtJS项目已经包含了所有需要的图标资源。这通常意味...

    extjs4.1修改bug版本

    extjs4.1修改bug版本,已修改数字、日期等多个控件的问题

    extjs4.2.3 datefield的bug解决

    extjs4.2.3 datefield不可选择年月bug 选择本月日期的部分是没有问题的。 点击头部显示选择年月的picker时,不能点击选择,一点组件就消失。 需要下载附件后引入就可以了

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    Extjs Portal 托拽并保持cookie

    "托拽并保持cookie"的概念是ExtJS Portal的一个关键特性,它允许用户在重新加载页面后仍然保持其自定义的布局。 在ExtJS Portal中,用户可以通过拖放操作改变面板(portlet)的位置,这涉及到ExtJS的DragDrop API。...

    extjs4.2 desktop 拓展

    此外,描述中提到的“修正ExtJS 4.2的一些bug”,意味着开发者对原始库进行了优化,解决了可能影响性能或稳定性的已知问题。这可能涉及到事件处理、渲染机制、数据绑定等方面,以提高整体的健壮性和可靠性。 最后,...

    extjs DateField完全操作

    考虑到extjs DateField的关键配置和主要操作

    Extjs4.2前台导出Excel(多次导出失败bug已修改)

    这种方法无需后端服务器参与,所有操作都在前端完成,提高了用户体验,但也存在一些潜在问题。 描述中提到的“多次导出失败”的小bug可能涉及以下几个方面: 1. **内存泄漏**:每次导出Excel时,如果旧的数据没有...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的`Ext.draw.Container`类可以用来创建这样一个画布,支持拖放操作,允许用户放置和调整工作流元素的位置。 3. **连接线**:工作流元素之间通常需要通过连接线表示流程流转。ExtJS提供了绘图API,可以用来绘制...

    轻松搞定Extjs 带目录

    表格组件GridPanel是Extjs中的亮点之一,它不仅可以展示大量数据,还支持复杂的列模型和行操作。此外,GridPanel的分页功能和扩展组件如摘要行、可展开行、分组视图等,让数据的展示更加直观和易于管理。 通过学习...

    Extjs4 下拉树( v1.0版本有bug,已经上传一个可以用的)

    EXTJS 4中的下拉树组件可能存在的问题是指在v1.0版本中可能存在已知的bug。这通常是由于软件迭代过程中,早期版本可能存在的设计或实现缺陷导致的。开发者可能已经意识到了这个问题,并在后续的更新中修复了这个bug...

    包含各种类型的extjs小图标,Extjs4小图标

    - 在ExtJS 4中,这些小图标可能以SVG(矢量图形)或PNG(位图)格式存在,SVG提供更好的缩放效果,而PNG则适合那些需要颜色深度和透明度的图标。 3. **使用方法**: - 在ExtJS应用中,可以使用`Icon`配置项在按钮...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    Extjs tree实例【源代码】

    ExtJs 2.2.1 tree实例,内附mysql数据文件 1. 数据节点一次性加载 ...本例,存在几个明显的bug,但不影响本意,见谅。 需要C#无bug版的同学,请留下邮箱。 最后:祝自己在13年,顺利完成所有计划!

    Extjs 2.2 Extjs 3.21 js

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端Web应用程序。这个压缩包包含了ExtJS的两个重要版本:2.2和3.2.1。这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解...

    Extjs扩展DateTimeField时间初始化及点击日期显示Bug

    本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发中遇到的难题。 DateTimeField是EXTJS中用于处理日期和时间选择的组件,它允许用户同时选择日期和时间,...

    解决EXTJS4.2的tabpanel右键关闭的BUG

    EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!

Global site tag (gtag.js) - Google Analytics