ExtJS6.2开发-用户管理(二)

一、Extjs创建控制文件
1)在app目录下找到main\core\user\controller目录创建maCrUserController.js
2)maCrUserController.js文件代码如下：

Ext.define('appcenter.main.core.user.controller.maCrUserController', {
   
	
    extend: 'Ext.app.ViewController',
    
    alias: 'controller.maCrUserController'

    
});

二、Extjs创建详情页视图文件
1)在app目录下找到main\core\user\view目录创建maCrUserData.js
2)maCrUserData.js文件代码如下：

Ext.define('appcenter.main.core.user.view.maCrUserData', {
   
	
	extend: 'Ext.window.Window',
	
	alias : 'widget.maCrUserData',
	
	id: 'maCrUserData',
	
	controller : 'maCrUserController',
	
	requires : [
	    'appcenter.main.core.user.controller.maCrUserController',
		'appcenter.main.core.user.component.maCrUserDataForm'
	],
	     
	layout: 'fit',
	
	fullscreen :true,
	
	draggable:false,//拖动
	
	resizable:false,	//变大小	
	
	width:'100%',
	
	height:'100%',
	
	minWidth:document.body.clientWidth ,
	
	minHeight:document.body.clientHeight ,
	
	frame:false,
	
    modal: true,
    
    closable:false,
    
    closeAction:'destroy',
    
    autoShow : false,
    
    title:'用户管理--新增',
   
    items:[{
   
    	layout:'form',
    	items:[{
   
    		 xtype:'fieldset',
	   		 align:'center',
	   	     items:[{
   
    		xtype:'maCrUserDataForm'
    	}]
    }],
    tools:[{
     
    	type:'close',
        tooltip:'关闭',
        listeners:{
   
        	click:function(){
   
        		this.up("window").close(); 
        	}
        }
    }],
    buttons :['->', {
   
    	xtype: 'button', 
		id: 'editButton',
        iconCls:'fa fa-pencil', 
        handler: function () {
   
        	
        },
        text:'编辑'
	},{
   
		xtype: 'button', 
		id : 'saveButton',
        iconCls:'fa fa-save', 
        handler: 'saveData',
        text:'保存'
	},{
    
		xtype: "button", 
		iconCls:'fa fa-close', 
		handler: function () {
    
			this.up("window").close(); 
		},
		text : '关闭'
	}, '->'],
	 initComponent: function () {
   
         this.callParent(arguments);
     },
    renderTo:Ext.getBody()
    	
});

三、Extjs创建窗体组件文件
1)在app目录下找到main\core\user\component目录创建maCrUserDataForm.js
2)maCrUserDataForm.js文件代码如下：

Ext.define('appcenter.main.core.user.component.maCrUserDataForm', {
   
	extend: 'Ext.form.Panel',
	
	alias