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

最新推荐文章于 2016-04-14 09:51:28 发布

转载最新推荐文章于 2016-04-14 09:51:28 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/smiler/p/3248794.html

本文详细介绍了ExtJS中设置和获取cookie的两种方法，包括如何使cookie全局可用；展示了如何设置文本标签靠右、文本框变为密码输入框及禁用文本框；并分享了调整表单控件间距和gridpanel单元格数据居中显示的技巧。

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属性,就可以了

改后如图: