extjs 4.1 用户管理控制层代码

最新推荐文章于 2023-12-04 11:56:00 发布
最新推荐文章于 2023-12-04 11:56:00 发布
阅读量1.3k 收藏
点赞数
分类专栏： extjs 文章标签： 管理 extjs combobox mvc json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rulerp2014/article/details/20219485
版权

本文最只有控制层的代码，界面设计部分看前一篇博客。

用户管理界面业务逻辑有点复杂，本人花了将近一周的时间才将所有代码完善，其中参考了很多资料，也借鉴一些别人的东西，这中间遇到了很多问题，很感谢很多网友将自己的经验发表出来供他人学习，我之前做pb开发的时候很少发表博客，遇到不会的到就到网上找别人的解决方法，感觉很应该将自己的东西拿出来也供别人学习和借鉴，同时也可以将知识梳理一遍，对自己对别人都有益处。我刚刚开始发表自己的blog，希望大家有什么问题一起讨论，共同进步。


 Ext.define('rm.controller.UserController', {
    extend: 'Ext.app.Controller',
    requires : [ 'Ext.ux.CheckColumn' ],
    models: [
             'OrgModel' ,
             'UserModel'
    ],
    stores: [
             'OrgStore' ,
             'UserStore'
    ],
    refs: [
    {
        ref: 'window',
        selector: 'UserMngMainView'
    }
    ],
    
    
    initWindow: function(component, eOpts) {
        //带分配角色store配置
        var window =this.getWindow();
        var grd1=window.down('#grd1');
        var store1 = Ext.create('rm.store.GrantStore' ,{
            
            autoLoad: false,
            model: 'rm.model.GrantModel',
            storeId: 'notUserRoleGrantStore',
            
            proxy: {
                type: 'ajax',
                url: 'Grant/getNotUserRoleGrantsByUserId',
                reader: {
                    type: 'json',
                    root: 'rows'
                }
            }

        }  );
        grd1.reconfigure(store1);
        
        //已分配store配置
        var grd2=window.down('#grd2');
        var store2 = Ext.create('rm.store.GrantStore' ,{
            autoLoad: false,
            model: 'rm.model.GrantModel',
            storeId: 'UserRoleGrantStore',
            
            proxy: {
                type: 'ajax',
                url: 'Grant/getUserRoleGrantsByUserId',
                reader: {
                    type: 'json',
                    root: 'rows'
                }
            }
        }  );
        grd2.reconfigure(store2);
        //待分配机构
        var grd3=window.down('#grd3');
        var store3 = Ext.create('rm.store.GrantStore' ,{
            autoLoad: false,
            model: 'rm.model.GrantModel',
            storeId: 'NotUserOrgGrants',
            
            proxy: {
                type: 'ajax',
                url: 'Grant/getNotUserOrgGrantsByUserId',
                reader: {
                    type: 'json',
                    root: 'rows'
                }
            }
        }  );
        grd3.reconfigure(store3);    
        //已分配机构
        var grd4=window.down('#grd4');
        var store4 = Ext.create('rm.store.GrantStore' ,{
            autoLoad: false,
            model: 'rm.model.GrantModel',
            storeId: 'UserOrgGrants',
            
            proxy: {
                type: 'ajax',
                url: 'Grant/getUserOrgGrantsByUserId',
                reader: {
                    type: 'json',
                    root: 'rows'
                }
            }
        }  );
        grd4.reconfigure(store4);    
        //加载机构store
        Ext.getStore('OrgStore').load();
        
        var orgcbx = window.down("#orgcbx");
        var orgStore = orgcbx.getStore( );
        orgStore.on("load",function(store,records,successful,eOpts){
            this.insert(0,{hospcode:'0000',hospname:'全部'});
            
        },orgStore);        
        
        
        
//        this.refresh();
    },
    refresh :function(  button, e, eOpts){
        
    
        var window = this.getWindow();
        var userGrid = window.down('#userGrid');
        var userForm = window.down('#userForm');
        var userStore = userGrid.getStore();
        this.userId=userForm.down('textfield[name=userId]').getValue();    
        var hospcode = window.down('#queryForm').down("combobox[name=hospcode]").getValue( );
         if (typeof hospcode =='undefined' || hospcode=='0000'||hospcode=='' ||hospcode==null){
             hospcode='%';
         }
        Ext.apply(userStore.proxy.extraParams, {hospcode :hospcode});
        userStore.load({
            scope: this,
            callback: function(records, operation, success) {
                if (success==true){
                    if(this.userId!=''){
                        var window = this.getWindow();
                        var userGrid = window.down('#userGrid');
                        var userStore = userGrid.getStore();
                        
                        var row=userStore.find('userId',this.userId);
                        if (row>=0){
                            userGrid.getSelectionModel( ).select(row);
                        }
                        
                        
                    }
                    
                }
            }
        });
    },
    getUsersByHospcode : function( combobox, newValue, oldValue,  eOpts ){
 
    this.refresh(  );
//        var window = this.getWindow();
//        var userGrid = window.down('#userGrid');
//        var userStore = userGrid.getStore();
//         if(newValue=='0000'){
//             newValue='%';
//         }
//        Ext.apply(userStore.proxy.extraParams, {hospcode :newValue });
//        userStore.load({
//            scope: userStore,
//            callback: function(records, operation, success) {
//                if (success==true){
//                    
//                }
//            }
//        });
    },
    
    filterUsers :function( field, newValue,oldValue,eOpts ){
        var window = this.getWindow();
        var userGrid = window.down('#userGrid');
        var userStore = userGrid.getStore();
        userStore.clearFilter();
        userStore.filter([
            {
                filterFn: function(item) {
                    return item.get("squn").toLowerCase().indexOf(newValue.toLowerCase() ) >=0   ;
                }
            }
        ]);
        
    },
    getInfos : function(dataview, record, item, index, e, eOpts) {  
        var window = this.getWindow();
        var userForm=window.down("form[itemId=userForm]");
//        userForm.down("radiofield[name=status]").setValue(true);
        //获取userInfo
        userForm.load({
            scope:this,
            url : 'User/getUserByUserId',         
            params:{userId : record.data.userId },     
            success:function(form,action){
                form.__origin=action.result.data;
                form.__isNew = undefined
                var window=this.getWindow();
                var form = window.down("form[itemId=userForm]");
                var userId = form.down("field[name=userId]");
                userId.setReadOnly(true);
                
                
            },
            failure:function(form,action){           
                
            }            
        });
        //获取待分配角色
        var grd1 =  window.down("#grd1");
        var grd1_store =  grd1.getStore();
        grd1_store.proxy.extraParams={userId : record.data.userId };
        grd1_store.load({
            scope: grd1_store,
            callback: function(records, operation, success) {
                if (success==true){
                    this.each(function(b) {
                        b.__isNew = true;
                    })
                }
            }
        });
        //已分配角色
        var grd2 =  window.down("#grd2");
        var grd2_store =  grd2.getStore();
        grd2_store.proxy.extraParams={userId : record.data.userId };
        grd2_store.load({
            scope: grd2_store,
            callback: function(records, operation, success) {
                if (success==true){
                    this.each(function(b) {
                        b.__origin = Ext.apply({}, b.data);
                        b.__isNew = undefined;
                    })
                }
            }
        });        
        //待分配机构
        var grd3 =  window.down("#grd3");
        var grd3_store =  grd3.getStore();
        grd3_store.proxy.extraParams={userId : record.data.userId };
        grd3_store.load({
            scope: grd3_store,
            callback: function(records, operation, success) {
                if (success==true){
                    this.each(function(b) {
                        b.__isNew = true;
                    })
                }
            }
        });
        //已分配机构
        var grd4 =  window.down("#grd4");
        var grd4_store =  grd4.getStore();
        grd4_store.proxy.extraParams={userId : record.data.userId };
        grd4_store.load({
            scope: grd4_store,
            callback: function(records, operation, success) {
                if (success==true){
                    this.each(function(b) {
                        b.__origin = Ext.apply({}, b.data);
                        b.__isNew = undefined;
                    })
                }
            }
        });            
    },    
    addUserRoleGrant:function(/*dataview, record, item, index, e, eOpts*/) {  

        var window = this.getWindow();
        var grd1 = window.down('#grd1');
        var grd1_store = grd1.getStore();
        var grd2 = window.down('#grd2');
        var grd2_store = grd2.getStore();
        var records = grd1.getSelectionModel( ).getSelection( ) ;
        grd1_store.remove( records  );  
        grd2_store.insert( grd2_store.getCount( )  ,  records );
        
    },
    delUserRoleGrant:function(/*dataview, record, item, index, e, eOpts*/) {
        var window = this.getWindow();
        var grd1 = window.down('#grd1');
        var grd1_store = grd1.getStore();
        var grd2 = window.down('#grd2');
        var grd2_store = grd2.getStore();
        var records = grd2.getSelectionModel( ).getSelection( ) ;
        
        grd2_store.remove( records  );
        grd1_store.insert( grd1_store.getCount( )  ,  records );
    },    
    addUserOrgGrant:function(dataview, record, item, index, e, eOpts) {  
        var window = this.getWindow();
        var grd3 = window.down('#grd3');
        var grd3_store = grd3.getStore();
        var grd4 = window.down('#grd4');
        var grd4_store = grd4.getStore();
        var records = grd3.getSelectionModel( ).getSelection( ) ;
        grd3_store.remove( records  );
        grd4_store.insert( grd4_store.getCount( )  ,  records );
    
    },
    delUserOrgGrant:function(dataview, record, item, index, e, eOpts) {   
        var window = this.getWindow();
        var grd3 = window.down('#grd3');
        var grd3_store = grd3.getStore();
        var grd4 = window.down('#grd4');
        var grd4_store = grd4.getStore();
        var records = grd4.getSelectionModel( ).getSelection( ) ;
        grd4_store.remove( records  );
        grd3_store.insert( grd4_store.getCount( )  ,  records );
    },
    clear :function(){
        var window =this.getWindow();
        window.down('#grd1').getStore().removeAll();
        window.down('#grd2').getStore().removeAll();
        window.down('#grd3').getStore().removeAll();
        window.down('#grd4').getStore().removeAll();
        window.down('#userForm').getForm().loadRecord(Ext.create(  "rm.model.UserModel") );
        window.down('#userForm').getForm().__isNew=true;
        window.down('#userForm').getForm().__origin=undefined;
        window.down('#userForm').down("field[name=userId]").setReadOnly(false);  
        
    },
    save:function(deleteFalg){
        var window =this.getWindow();
        var baseForm=window.down('#userForm').getForm();
        var grd2 = window.down('#grd2');
        var grd2_store = grd2.getStore();
        var grd4 = window.down('#grd4');
        var grd4_store = grd4.getStore();
        var deleteRerords = [];
        //搜集user信息
        
        var user ;
        
        if (  typeof deleteFalg =='boolean' && deleteFalg){
            user = baseForm.__origin;
            user.deleteFlag = true;    
            
        }else{
            if ( baseForm.isDirty( )) {
            user = baseForm.getFieldValues();
        
            if (!baseForm.__isNew ){
                user.origin  = baseForm.__origin
            }
            
        }

        }
        //1搜集角色授权信息
        var m=[],n=[],d=[];
        //1.1获取新增或修改的记录
        var j=grd2_store.getCount();
        for(i=j-1;i>=0;i--){
 
            record=grd2_store.getAt(i);
            data = Ext.apply({},record.data )
            
            if(record.dirty){
                
                if(record.__isNew){
                    n.push(data);
                }else{
                    data.origin=record.__origin;
                    m.push(data);
                }
            }else if( record.__isNew ){
                n.push(data);
            }
 

        }
        //1.2获取删除的记录
        deleteRerords = grd2_store.getRemovedRecords( );
        for(i=0 ;i<deleteRerords.length;i++){
            
            if( !deleteRerords[i].__isNew ){
                d.push(deleteRerords[i].__origin);
                
            }
            
        }
    
        
        //2搜集机构授权信息
        var m1=[],n1=[],d1=[];
        //2.1获取新增或修改的记录
        var j=grd4_store.getCount();
        for(i=j-1;i>=0;i--){
 
            record=grd4_store.getAt(i);
            data = Ext.apply({},record.data )
            
            if(record.dirty){
                
                if(record.__isNew){
                    n1.push(data);
                }else{
                    data.origin=record.__origin;
                    m1.push(data);
                }
            }else if( record.__isNew ){
                n1.push(data);
            }
 

        }
        //2.2获取删除的记录
        deleteRerords = grd4_store.getRemovedRecords( );
        for(i=0 ;i<deleteRerords.length;i++){
            
            if( !deleteRerords[i].__isNew ){
                d1.push(deleteRerords[i].__origin);
                
            }
            
        }

        var parms={
                   user :Ext.encode(user),
                   userRoles:Ext.encode({
                           adds : n,
                        dels : d,
                        mods : m
                   }),
                   userOrgs:Ext.encode({
                       adds : n1,
                       dels : d1,
                       mods : m1                       
                   })
        };
        if (user==null && n.length==0&& d.length==0&& m.length==0&& n1.length==0&& d1.length==0&& m1.length==0) return
        //ajax提交数据
        Ext.Ajax.request({
            scope: this,
            url:   'User/saveUserInfo',
            params: parms,
            success : function(response, options){
                   if (  typeof deleteFalg =='boolean' && deleteFalg){
                       this.clear();
                   }

                this.refresh( );
            }
        });
        
 
        
    },
    del : function(){
        
        var window = this.getWindow();
        var baseForm=window.down('#userForm').getForm();
        var userName=window.down('#userForm').down('textfield[name=userName]').getValue();    
        var userId=window.down('#userForm').down('textfield[name=userId]').getValue();    
 
        if (!baseForm.__isNew ){
            Ext.Msg.show({
                title: '系统提示',
                msg: "你确认现在删除操作员["+userId+":"+userName+"]的信息吗？</br>该操作员相关的授权也将被同时删除！！",
                buttons: Ext.Msg.YESNOCANCEL,
                scope : this,
                fn :function(btn){  
                    if(btn=='yes'){
                        var grd2 = window.down('#grd2');
                        grd2.getSelectionModel().selectAll();
                        this.delUserRoleGrant();
                        var grd4 = window.down('#grd4');
                        grd4.getSelectionModel().selectAll();
                        this.delUserOrgGrant();
                        this.save(true);
                    }

                }
            
            });
        }else{
            this.clear();
        }
    },
    init: function(application) {
        //添加全局变量
        Ext.applyIf(this, {
            userId : ''
        });
    


        this.control({
            "UserMngMainView": {
                afterrender:function(){
                    this.initWindow();
                    this.refresh();
                }
            } ,
            "UserMngMainView gridpanel[itemId=userGrid]": {
                select: this.getInfos
            } ,
            "UserMngMainView gridpanel[itemId=grd1]": {
                itemdblclick: this.addUserRoleGrant
            } ,
            "UserMngMainView gridpanel[itemId=grd2]": {
                itemdblclick: this.delUserRoleGrant
            } ,
            "UserMngMainView gridpanel[itemId=grd3]": {
                itemdblclick: this.addUserOrgGrant
            } ,
            "UserMngMainView button[itemId=btn1]": {
                click: this.addUserRoleGrant
            } ,
            "UserMngMainView button[itemId=btn3]": {
                click: function(){
                    var window = this.getWindow();
                    var grd1 = window.down('#grd1');
                    grd1.getSelectionModel().selectAll();
                    this.addUserRoleGrant();
                }
            } ,
            "UserMngMainView button[itemId=btn2]": {
                click: this.delUserRoleGrant
            } ,

            "UserMngMainView button[itemId=btn4]": {
                click: function(){
                var window = this.getWindow();
                var grd2 = window.down('#grd2');
                grd2.getSelectionModel().selectAll();
                this.delUserRoleGrant();
                }
            } ,
            
            
            "UserMngMainView button[itemId=btn5]": {
                click: this.addUserOrgGrant
            } ,
            
            "UserMngMainView button[itemId=btn7]": {
                click: function(){
                    var window = this.getWindow();
                    var grd3 = window.down('#grd3');
                    grd3.getSelectionModel().selectAll();
                    this.addUserOrgGrant();
                }
            } ,
            
            "UserMngMainView button[itemId=btn6]": {
                click: this.delUserOrgGrant
            } ,

            "UserMngMainView button[itemId=btn8]": {
                click: function(){
                    var window = this.getWindow();
                    var grd4 = window.down('#grd4');
                    grd4.getSelectionModel().selectAll();
                    this.delUserOrgGrant();
                }
            } ,
            
            "UserMngMainView gridpanel[itemId=grd4]": {
                itemdblclick: this.delUserOrgGrant
            } ,
            
            "UserMngMainView combobox[itemId=orgcbx]": {
                 change : this.getUsersByHospcode
            } ,
            
             "UserMngMainView textfield[itemId=userfield]": {
                 change : this.filterUsers
            } ,
            
            "UserMngMainView button[action=addAction]": {
                click: this.clear
            } ,
            
            "UserMngMainView button[action=refreshAction]": {
                click:  this.refresh
                
            } ,
            
            "UserMngMainView button[action=saveAction]": {
                click:  this.save
            } ,
            
            "UserMngMainView button[action=delAction]": {
                click:  this.del
            }
            });
    }

});


--任我飞--
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
控制层代码适合在控制器中有所体现
05-28
**到了服务器中:在服务器中要构建三层. 方案一:在构建这三层种你可以利用普通的Java方式构建三层。方案二:使用框架的方式构建三层. 在控制层中你可以使用方案一:使用Servlect 方案二使用springMVC框架。在这里你有两种方案。1 配置文件的方式 方案2 利用注解的方式* 控制器用于判断和接收浏览器发送过来的数据信息
知识库系统源代码——控制层servlet代码
tangruyi1992的博客
02-13 981
前台页面提交后交给后台servlet处理，代码如下： package com.cr.web; import java.io.File; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.sql.Connection; imp
Controller层代码就该这么写，简洁又优雅！
最新发布
weixin_44421461的博客
12-04 178
????这是一个或许对你有用的社群????一对一交流/面试小册/简历优化/求职解惑，欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料：《项目实战（视频）》：从书中学，往事中“练”《互联网高频面试题》：面朝简历学习，春暖花开《架构 x 系统设计》：摧枯拉朽，掌控面试高频场景题《精进 Java 学习指南》：系统学习，互联网主流技术栈《必读 Java 源码专栏》：知其然，知其所以然????这是一个或许...
java服务器端控制层代码（特别方便）
陈如水的专栏
10-09 1828
BaseResult类的封装，特别好用。 public class BaseResult { protected boolean success = false; protected String errorCode; protected String errorMsg; protected Map map; protected String msg; public Map
ExtJs4.1中文API离线BS版
10-25
脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)，再也不担心网速不好了
ExtJS 4.1 中文版API帮助文档下载
01-06
ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散下载，非常完整详细！ 学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习！
extjs4.1中文文档
10-14
extjs4.1的中文文档，可以方便查看API
100行代码解决ExtJs4.1合并单元格问题
12-24
100行代码解决ExtJs4.1合并单元格问题
ExtJS4.1API
10-30
EXTJS4.1API中文版，适合于4.x各版本通用，简单易懂，对于英语能力不是非常好的开发者可以借鉴。
Controller层代码这么写，简洁又优雅！
程序员小灰的博客
08-03 599
一个优秀的 Controller 层逻辑说到 Controller，相信大家都不陌生，它可以很方便地对外提供数据接口。它的定位，我认为是「不可或缺的配角」。说它不可或缺是因为无论是传统的三层架构还是现在的 COLA 架构，Controller 层依旧有一席之地，说明他的必要性。说它是配角是因为 Controller 层的代码一般是不负责具体的逻辑业务逻辑实现，但是它负责接...
ExtJs 入门教程五[文本框：TextField]
别在熬夜了！
06-12 1388
Ext.onReady(function () {             //初始化标签中的Ext:Qtip属性。             Ext.QuickTips.init();             Ext.form.Field.prototype.msgTarget = 'side';             //用户名input             var txtuse
Spring之Service层依赖注入为空（空指针异常）
weixin_42331514的博客
10-28 5623
Spring之Service层依赖注入为空（空指针异常） 可以看到此处依赖注入为空 控制层代码 @ApiOperation(value = "记录管理员的操作日志") @GetMapping("/setOperationLog") public void test(HttpServletRequest request, Long id, String name,
extjs 项目UI总结
超然等待的专栏
06-19 1392
1.页面布局（border） var panel = Ext.create('Ext.panel.Panel', { height:'100%', layout: 'border', defaults:{ split:true//各个布局之间可拉动 }, items: [
extjs删除store下proxy的extraParams参数
努力前行
05-02 2024
方式一：这种情况可以删除参数比较复杂的情况 [code="java"] delete store名称.getProxy().extraParams[参数名称];[/code] 以上的参数名称可以是比较复杂的对象，如entity.pagnation等。 例子：delete store名称.getProxy().extraParams [ 'entity.pagnation' ] ; 方式二...
ExtJS做的一个信息管理界面，项目代码
ShuLiu's Log Book
01-25 1805
/** * 默认页面 * * @author leaves.qq:1330771552 */ Ext.define(‘SupplyManagementDesktop.defaultsWindow’, { extend : ‘Ext.ux.desktop.Module’, requires : ['Ext.data.ArrayStore', 'Ext.util.Format'
extjs删除每行按钮的代码
03-06
以下是删除每行按钮的 ExtJS 代码示例： ``` Ext.create('Ext.grid.Panel', { title: 'My Grid Panel', store: myStore, columns: [ { text: 'Name', dataIndex: 'name' }, { text: 'Email', dataIndex: '...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值