Extjs 项目中常用的小技巧,也许你用得着(4)---Extjs 中的cookie设置

1.ExtJs设置cookie两种方式

其一:设置cookie如下

saveacct=isForm.getForm().findField('itemselector').getValue();
 Ext.util.Cookies.set('saveacct',saveacct);

 取cookie中数据如下

var validStatus = Ext.util.Cookies.get("saveacct");
alert(validStatus);

 其二:设置cookie

var cookie = new Ext.state.CookieProvider();  
 Ext.state.Manager.setProvider(cookie);  
  cookie.set('saveacct',saveacct); 

取cookie中数据如下

var cookie1 = Ext.state.Manager.getProvider();
  var getsaveacct = cookie1.get('saveacct'); 

第一个只在同一界面中生效,跨越界面是取不到cookie中的值,可能是path路径设的不对。

而第二个设定后,全局都可使用。但是在设置之前需要clear一下。

 2.设置文本标签靠右:

labelAlign:'right',

3.把文本框变成密码输入框

inputType: 'password',

例子:

                  {
                    id: 'newpassword',
                    xtype: 'textfield',
                    anchor: '80%',
                    fieldLabel: '新密码',
                    labelAlign: 'right',
                    inputType: 'password',
                }

4.禁用文本框

  readOnly: true

例子

{
            id: 'editName',
            xtype: 'textfield',
            labelAlign:'right',
            anchor: '80%',
            //align:right,
            fieldLabel: '用户名:',
            value: Ext.util.Cookies.get("UserName"),
            readOnly: true
        }

密码修改图为:

5.调整表单控件之间的间距

           {
                id: 'editName',
                xtype: 'textfield',
                labelAlign: 'right',
                anchor: '80%',
                //align:right,
                fieldLabel: '用户名:',
                value: Ext.util.Cookies.get("UserName"),
                readOnly: true,
                padding:20
            }

设置padding属性,就可以了

改后如图:

6.Extjs gridpanel的单元格的数据怎么居中显示

设置align属性为center就行了,效果如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏木头编程 - moTzxx

TP5 验证码功能实现

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

492
来自专栏偏前端工程师的驿站

.Net魔法堂:史上最全的ActiveX开发教程——开发篇

一、前言                                   在设计某移动内部自动化运维平台时,经综合考虑终端机性能和功能需求等因素后,决定采用...

1817
来自专栏更流畅、简洁的软件开发方式

js的动态加载、缓存、更新以及复用(一)使用范围:遇到的问题:目标:页面结构:正文

使用范围:   OA、MIS、ERP等信息管理类的项目,暂时不考虑网站。 遇到的问题:   完成一个项目,往往需要引用很多js文件,比如jQuery.js、ea...

2015
来自专栏淡定的博客

使用cropper实现图片裁剪功能并保存图片到数据库

492
来自专栏施炯的IoT开发专栏

修改Windows Mobile默认按键消息

本文讲述了如何利用SHCMBM_OVERRIDEKEY来修改Windows Mobile默认按键消息的方法。 问题来源: 如何屏蔽talk键 (打电话的那个键)...

1686
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native 启动白屏问题解决方案,教程

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 目录 问题描述 问题分析 Android启动白屏解决...

3496
来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统(57)-插件---ueditor使用

目录: 前言 开发环境 知识点 初始使用 自定义工具栏 设置和读取编辑器内容 文件上传 ueditor加水印 -------------------------...

2605
来自专栏我和未来有约会

基于Cairngorm的Silverlight开发 - part5

搭建完整的Cairngorm项目 到这里已经都知道了如何独立的运用Cairngorm中两个特殊的部分,ModelLocator模型和View视图,现在需要的就是...

3485
来自专栏Golang语言社区

Golang-实现图片缩放

package main import ( "fmt" "graphics" "image" "image/png" ...

3244
来自专栏salesforce零基础学习

salesforce 零基础学习(五十三)多个文件生成一个zip文件(使用git上封装的代码)

此篇参考git代码:https://github.com/pdalcol/Zippex 学习salesforce可以访问一个朋友的网站:https://www....

1757

扫描关注云+社区