前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Extjs 项目中常用的小技巧,也许你用得着(4)---Extjs 中的cookie设置

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

作者头像
hbbliyong
发布2018-03-05 16:30:25
1.3K0
发布2018-03-05 16:30:25
举报
文章被收录于专栏:hbbliyong

1.ExtJs设置cookie两种方式

其一:设置cookie如下

代码语言:javascript
复制
saveacct=isForm.getForm().findField('itemselector').getValue();
 Ext.util.Cookies.set('saveacct',saveacct);

 取cookie中数据如下

代码语言:javascript
复制
var validStatus = Ext.util.Cookies.get("saveacct");
alert(validStatus);

 其二:设置cookie

代码语言:javascript
复制
var cookie = new Ext.state.CookieProvider();  
 Ext.state.Manager.setProvider(cookie);  
  cookie.set('saveacct',saveacct); 

取cookie中数据如下

代码语言:javascript
复制
var cookie1 = Ext.state.Manager.getProvider();
  var getsaveacct = cookie1.get('saveacct'); 

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

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

 2.设置文本标签靠右:

代码语言:javascript
复制
labelAlign:'right',

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

代码语言:javascript
复制
inputType: 'password',

例子:

代码语言:javascript
复制
                  {
                    id: 'newpassword',
                    xtype: 'textfield',
                    anchor: '80%',
                    fieldLabel: '新密码',
                    labelAlign: 'right',
                    inputType: 'password',
                }

4.禁用文本框

代码语言:javascript
复制
  readOnly: true

例子

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

密码修改图为:

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

代码语言:javascript
复制
           {
                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就行了,效果如下:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013-08-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.ExtJs设置cookie两种方式
    • 其一:设置cookie如下
      •  取cookie中数据如下
      •  其二:设置cookie
        • 取cookie中数据如下
        •  2.设置文本标签靠右:
        • 3.把文本框变成密码输入框
        • 4.禁用文本框
        • 5.调整表单控件之间的间距
        • 6.Extjs gridpanel的单元格的数据怎么居中显示
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档