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 的操作 #### 一、引言 在 Web 开发中,Cookie 是一种常用的数据存储方式,用于保存用户的一些基本信息或者状态,从而实现网站的个性化设置或登录状态保持等功能。Extjs 作为一种强大的 ...
- 在多个不同版本的ExtJS(例如3.2、3.4)中测试相同的代码片段,观察是否同样存在该问题。 - 如果条件允许,可以在不同的浏览器环境中测试代码,确保不是由特定浏览器环境引起的问题。 综上所述,对于ExtJS 3.3...
而"警告"图标则可能表明操作可以继续,但存在潜在的问题或副作用。 为了理解和使用这个"bug图标大全",你需要了解以下几点: 1. **图标资源**:首先,确认你的ExtJS项目已经包含了所有需要的图标资源。这通常意味...
extjs4.1修改bug版本,已修改数字、日期等多个控件的问题
extjs4.2.3 datefield不可选择年月bug 选择本月日期的部分是没有问题的。 点击头部显示选择年月的picker时,不能点击选择,一点组件就消失。 需要下载附件后引入就可以了
ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...
ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...
"托拽并保持cookie"的概念是ExtJS Portal的一个关键特性,它允许用户在重新加载页面后仍然保持其自定义的布局。 在ExtJS Portal中,用户可以通过拖放操作改变面板(portlet)的位置,这涉及到ExtJS的DragDrop API。...
此外,描述中提到的“修正ExtJS 4.2的一些bug”,意味着开发者对原始库进行了优化,解决了可能影响性能或稳定性的已知问题。这可能涉及到事件处理、渲染机制、数据绑定等方面,以提高整体的健壮性和可靠性。 最后,...
考虑到extjs DateField的关键配置和主要操作
这种方法无需后端服务器参与,所有操作都在前端完成,提高了用户体验,但也存在一些潜在问题。 描述中提到的“多次导出失败”的小bug可能涉及以下几个方面: 1. **内存泄漏**:每次导出Excel时,如果旧的数据没有...
ExtJS的`Ext.draw.Container`类可以用来创建这样一个画布,支持拖放操作,允许用户放置和调整工作流元素的位置。 3. **连接线**:工作流元素之间通常需要通过连接线表示流程流转。ExtJS提供了绘图API,可以用来绘制...
表格组件GridPanel是Extjs中的亮点之一,它不仅可以展示大量数据,还支持复杂的列模型和行操作。此外,GridPanel的分页功能和扩展组件如摘要行、可展开行、分组视图等,让数据的展示更加直观和易于管理。 通过学习...
EXTJS 4中的下拉树组件可能存在的问题是指在v1.0版本中可能存在已知的bug。这通常是由于软件迭代过程中,早期版本可能存在的设计或实现缺陷导致的。开发者可能已经意识到了这个问题,并在后续的更新中修复了这个bug...
- 在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 2.2.1 tree实例,内附mysql数据文件 1. 数据节点一次性加载 ...本例,存在几个明显的bug,但不影响本意,见谅。 需要C#无bug版的同学,请留下邮箱。 最后:祝自己在13年,顺利完成所有计划!
ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端Web应用程序。这个压缩包包含了ExtJS的两个重要版本:2.2和3.2.1。这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解...
本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发中遇到的难题。 DateTimeField是EXTJS中用于处理日期和时间选择的组件,它允许用户同时选择日期和时间,...
EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!