`
黎剑发
  • 浏览: 3376 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ExtJs页面元素权限控制

阅读更多

带有权限控制的安钮组件:



Ext.define('matrix.sys.view.authority.XButton', {
extend : 'Ext.button.Button',
alternateClassName : [ 'Ext.authority.XButton' ],
alias : 'widget.xButton',
requires : [ 'matrix.sys.store.AuthorityButtonStore' ],
stores : [ 'authorityButtonStore' ],
initComponent : function() {

var disabled=false;
//取得当前登陆用户拥有的页面元素权限
var store = Ext.data.StoreManager.lookup('authorityButtonStore');
                //判断是否可见
if(store && this.buttonAlias){
if(!store.getById(this.buttonAlias)){
disabled=true;
}
}

Ext.apply(this, {
cls : this.buttonAlias,
hidden : this.hidden?this.hidden: disabled,
border : 1
});

this.callParent(arguments);

}
});


其中authorityButtonStore的访问路径 /matrix/sysSubButton/getByCurrentUser.do 将会读取当前登陆用户所拥有的全部页面元素权限,并绶存于authorityButtonStore当中。

用法:




{
xtype : 'xButton',
text : Ext.Res.getText('add'),
buttonAlias:'SysUserView.add',
iconCls : 'btn-add',
action : 'add'
}


这个只是button的案例,其实其它的页面元素也可以安照这个思路来扩展。

 

分享到:
评论

相关推荐

    Extjs4.1 系统框架 集成权限操作流程和页面

    2. **动态渲染**:使用ExtJS的条件渲染功能,可以根据用户权限动态地显示或隐藏页面元素。例如,使用`xif`属性或`tpl`中的条件判断来控制组件的可见性。 3. **路由与权限**:结合ExtJS的路由功能,可以实现基于权限...

    Extjs4.2 动态加载项目(权限模块)

    ExtJS是一个强大的JavaScript框架,主要用于...总之,“Extjs4.2 动态加载项目(权限模块)”是一个用于学习和实践ExtJS动态加载和权限控制的好例子。深入理解并掌握这些技术,可以帮助你创建高效、可扩展的Web应用程序。

    extjs实现权限拦截

    在“ExtJS实现权限拦截”的主题中,我们将深入探讨如何结合这两个技术来实现用户登录验证以及基于角色的权限控制。 1. **ExtJS 登录界面** 在前端,ExtJS可以创建美观且功能丰富的登录界面。通过使用FormPanel组件...

    A013 Extjs FineUI通用权限框架

    这个框架集成了FineUI组件库,提供了丰富的UI控件和强大的功能,使得开发者能够快速构建出具有精细权限控制的Web应用。 首先,我们要了解ExtJS。ExtJS是一个用JavaScript编写的开源富客户端框架,它提供了大量的可...

    extjs+s2页面跳转

    ExtJS与Struts2的集成主要通过AJAX技术实现数据的异步传输,从而避免页面的完全重载,提升用户体验。在Struts2配置文件(struts.xml)中定义了`Login`动作,该动作继承自`ActionSupport`类,并覆盖了`execute()`方法...

    13款extjs后台框架

    同时,它们可能还集成了常见的后台技术,如Spring Boot、Node.js等,以及数据库连接、权限控制、API接口等模块,为开发者提供了一站式的后台解决方案。 学习和使用这些模板可以让你快速上手ExtJS的开发,同时也可以...

    extjs后台程序

    8. **权限控制**:EXTJS可以通过角色和权限系统实现用户界面的动态展示和功能访问控制。后端需要提供相应的API来验证用户权限。 9. **数据持久化**:后端可能使用数据库(如MySQL、Oracle等)存储信息和图片数据,...

    Extjs 后台模板

    模板可能已经内置了基于角色的权限控制和面包屑导航等元素,方便开发者进行权限设置和页面跳转。 6. **主题和样式**:ExtJS 允许自定义主题,模板可能会提供一种或多种预设的主题风格,以满足不同项目的需求。同时...

    tree 动态树 extjs ajax

    7. **权限控制**:根据用户角色控制节点的可见性和可操作性。 **langsinext** 文件名称"langsinext"可能指的是一个特定的ExtJS项目或者库,可能是用来实现上述功能的一个示例或扩展。具体的功能和使用方法可能需要...

    完整的JSP + ExtJS 学生信息管理

    7. 用户认证与权限管理:为了确保数据安全,系统可能还包含了用户登录和权限控制功能。这可能涉及到session管理,以及基于角色的访问控制(Role-Based Access Control, RBAC)。 8. 数据分页:对于大量学生数据,...

    Extjs4 整合百度编辑器

    - **权限控制**:结合后端服务,实现编辑器的访问控制和内容审核功能,以满足企业级应用的需求。 总之,将ExtJS 4与百度编辑器集成,可以创建出功能强大的文本编辑界面,尤其适合企业级Web应用。通过合理的设计和...

    EXTJS介绍与开发指南

    EXTJS以其强大的组件库、丰富的界面元素和易用的工具封装,使得开发者能够快速创建出具有桌面应用般交互体验的Web应用。 ria技术是现代应用程序开发的趋势,它结合了桌面应用的交互性和Web应用的便捷性。常见的RIA...

    学生管理系统asp.net+Extjs

    在学生管理系统中,EXTJS用于前端页面的设计,通过其组件化的特性,我们可以快速构建出诸如表格、表单、树形视图等元素,以展示和交互学生、课程、教师等信息。 系统主要功能模块包括: 1. **学生管理**:这个模块...

    Extjs4下的STOREMENU

    总的来说,EXTJS4的STOREMENU是一个强大且灵活的功能,它结合了数据管理和用户界面元素,使得动态创建和管理菜单变得更加简单。在实际应用中,开发人员可以根据需求调整Store的数据结构和Menu的行为,以满足各种复杂...

    学校实训JSP项目-[上传下载]ExtJS 2.2 开源网络硬盘系统.zip

    6. 权限控制:根据用户角色分配不同的访问权限,例如只读、读写等。 在项目中,HTML和CSS负责页面布局和样式,而JSP与Java后端则负责业务逻辑和数据处理。可能还涉及到数据库管理系统,如MySQL,用于存储用户信息和...

    精通JS脚本之ExtJS框架.part2.rar

    第6章 页面元素与模板 6.1 构成用户界面的元素 6.2 获取页面元素 6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小...

    extjs portal组件代码

    5. **配置与数据绑定**:EXTJS Portal组件支持通过配置文件或动态数据源来控制Portlets的显示和行为。例如,你可以预先定义一组Portlets,然后根据用户的权限或者用户选择来动态加载和显示。 要运行EXTJS 2.0的...

    ExtJs菜单导航功能,不在用左边功能树

    通过监听`click`、`beforeclick`等事件,可以实现对用户操作的响应,进行权限控制、数据加载等功能。 7. **国际化支持**:对于多语言应用,菜单项的文本可以通过国际化配置轻松地切换。使用`text`属性配合全局的...

    extjs4-ssi例子

    SSI(Server Side Includes)是一种在服务器端处理动态内容的技术,常用于将共享的页面元素插入到多个HTML文件中,以提高效率和维护性。 在这个"extjs4-ssi例子"中,我们可能看到的是一个基于ExtJS 4构建的用户管理...

    人人都玩开心网 ExtJS Android.SSH整合开发Web与移动SNS.(李宁)

    ExtJS的特点是支持跨浏览器,且拥有高度可定制的界面元素。使用ExtJS可以帮助开发者快速创建具备复杂数据管理、布局控制以及互动性的Web应用。 接下来,“Android”是目前市场上占有率最高的移动操作系统,由Google...

Global site tag (gtag.js) - Google Analytics