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 条评论
登录 后参与评论

相关文章

来自专栏小程序之家

如何使用小程序导航

在日常开发小程序中,我们总不能吧所有数据都堆在首页。为此,需要一些二级三级页面。今天,我们来介绍介绍小程序比较重要的导航组件,使用导航组件,可以在小程序内外部进...

1245
来自专栏hbbliyong

对于Ext.data.Store 介紹 与总结,以及对以前代码的重构与优化

     对于Ext.data.Store 一直不是很了解,不知道他到底是干嘛的有哪些用处,在实际开发中也由于不了解也走了不少弯路, store是一个为Ext器...

3005
来自专栏landv

实现用VB.Net/(C#)开发K/3 BOS 插件的真正可行方法

781
来自专栏hotqin888的专栏

engineercms利用pdf.js制作连续看图功能

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

951
来自专栏我有一个梦想

3D游戏开发之在UE4中创建非玩家角色(NPC)

接着上节我们继续学习,现在我们来创建一些NPC(non-playable characters,非玩家角色)。在这个游戏中,当我们靠近NPC时,它们会做出相应的...

2568
来自专栏程序员互动联盟

【Windows编程】系列第六篇:创建Toolbar与Statusbar

上一篇我们学习了解了如何使用Windows GDI画图,该应用程序都是光光的静态窗口,我们使用Windows应用程序,但凡稍微复杂一点的程序都会有工具栏和状态栏...

3693
来自专栏MixLab科技+设计实验室

设计师编程指南之Sketch插件开发 7 GUI

往期文章索引: 1 / 入门基本概念、page的相关操作 2 / artboard 、NSFileManager 和 NSString 关于文件及文件夹的相关操...

3264
来自专栏葡萄城控件技术团队

ASP.NET MVC 5 - 给电影表和模型添加新字段

在本节中,您将使用Entity Framework Code First来实现模型类上的操作。从而使得这些操作和变更,可以应用到数据库中。 默认情况下,就像您在...

1988
来自专栏Web 开发

ckeditor 从入门到放弃

通过 CKEDITOR.plugins.add方法添加插件,第一个参数为插件名,后面为参数列表。

510
来自专栏一个爱瞎折腾的程序猿

dotnet使用Selenium执行自动化任务

源码地址:https://coding.net/u/yimocoding/p/WeDemo/git/tree/SeleniumDemo/SeleniumDemo

671

扫码关注云+社区