extjs 服务人员管理页面

最新推荐文章于 2021-06-03 04:21:38 发布
最新推荐文章于 2021-06-03 04:21:38 发布
阅读量516 收藏
点赞数 2
分类专栏： extjs ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34117825/article/details/52487240
版权
extjs 同时被 2 个专栏收录
21 篇文章 1 订阅
订阅专栏
ajax
6 篇文章 0 订阅
订阅专栏

效果图：

代码：

Ext.define('supplierModel', {
	extend: 'Ext.data.Model',
	fields: [{
		name: 'id',
		type: 'string'
	}, {
		name: 'guaranteesupplier',
		type: 'string'
	}, {
		name: 'historysupplier',
		type: 'string'
	}]
});

var supplierStore = Ext.create('Ext.data.Store', {
	model: 'supplierModel',
	proxy: {
		type: 'ajax',
		url: 'findSupplierManagementSupplier.action',
		reader: {
			// 数据格式为json
			type: 'json',
			root: 'root',
			totalProperty: 'total'
		}
	},
	autoLoad: true
});

var supplierGird = Ext.create('Ext.grid.Panel',{
	store : supplierStore,
	forceFit : true,
	id : 'supplierGird',
	height : '100%',
	width : '100%',
	columns : [ new Ext.grid.RowNumberer({
		header : "序号",
		align : 'center',
		width : 40,
		xtype : "rownumberer"
	}), {
		width : 493,
		text : "供应商名称",
		style : {
			textAlign : 'center'
		},
		dataIndex : 'guaranteesupplier'
	} ],
//	listeners : {
//		'selectionchange' : function(me, selected, options) {
//			findworkuser();
//		}
//	},
		bbar : Ext.create('Ext.PagingToolbar', {
			store : supplierStore,
			displayInfo : true,
			displayMsg : '共{2}条',
			emptyMsg : "没有数据"
		})
});

var addSupplierField = Ext.create("Ext.form.FieldSet", {
	height : 100,
	width : 350,
	border:false,
	layout : "column",
	items : [{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '维保供应商<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '路径不能为空',
		allowBlank: false,
		id:'guaranteeId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '历史供应商<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '路径不能为空',
		allowBlank: false,
		id:'historyId'
	}]
});

var addSupplierPanel = Ext.create("Ext.form.Panel", {
	border:false,
	layout:'fit',
	id:'addSupplierPanel',
	items : [ addSupplierField ],
	buttons : [ {
		formBind : true,
		disabled : true,
		text : "添加",
		handler :function(){
			var guaranteeSupplier = Ext.getCmp("guaranteeId").getValue();
			var historySupplier = Ext.getCmp("historyId").getValue();
			
			addSupplierPanel.submit({
				url:'addSupplier.action',
				method:'post',
				params:{
					'suppliermnt.guaranteeSupplier':guaranteeSupplier,
					'suppliermnt.historySupplier':historySupplier,
				},
				success:function(form, action){
//					var o = Ext.JSON.decode(action.response.responseText);
					addSupplierWindow.close();
					supplierStore.load();
					Ext.Msg.alert("提示", "添加成功！");
				},
				failure:function(){
					addSupplierWindow.close();
					Ext.Msg.alert("提示", "添加失败！");
				}
			});
		}
		
	} , {
		text : "重置",
		handler : function() {
			this.up('form').getForm().reset();
		}
	}]

});

var addSupplierWindow = Ext.create("Ext.window.Window", {
	title : "添加",
	layout:'fit',
	items : [ addSupplierPanel],
	closeAction : 'hide'
});

var modifySupplierField = Ext.create("Ext.form.FieldSet", {
	height : 100,
	width : 350,
	border:false,
	layout : "column",
	items : [{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '维保供应商<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '路径不能为空',
		allowBlank: false,
		id:'modifyguaranteeId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '历史供应商<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '路径不能为空',
		allowBlank: false,
		id:'modifyhistoryId'
	}]
});

var modifySupplierPanel = Ext.create("Ext.form.Panel", {
	border:false,
	items : [ modifySupplierField ],
	buttons : [ {
		formBind : true,
		disabled : true,
		text : "修改",
		handler :function(){
			var supplierselection = Ext.getCmp('supplierGird').getSelectionModel().getSelection();
			var supplierId = supplierselection[0].data.id;
			 var guaranteeSupplier = Ext.getCmp("modifyguaranteeId").getValue();
			 var historySupplier = Ext.getCmp("modifyhistoryId").getValue();
				
			modifySupplierPanel.submit({
				url:'modifySupplier.action',
				method:'post',
				params:{
					'suppliermnt.guaranteeSupplier':guaranteeSupplier,
					'suppliermnt.historySupplier':historySupplier,
					'suppliermnt.id':supplierId,
				},
				success:function(form, action){
//							var o = Ext.JSON.decode(action.response.responseText);
					modifySupplierWindow.close();
					supplierStore.load();
					Ext.Msg.alert("提示", "修改成功！");
				},
				failure:function(){
					modifySupplierWindow.close();
					Ext.Msg.alert("提示", "修改失败！");
				}
			});

		}
		
	} , {
		text : "重置",
		handler : function() {
			this.up('form').getForm().reset();
		}
	}]

});

var modifySupplierWindow = Ext.create("Ext.window.Window", {
	title : "修改",
	layout:'fit',
	items : [ modifySupplierPanel],
	closeAction : 'hide'
});

var organizationStore = Ext.create('Ext.data.Store', {
	fields : [ 'id','organization' ],
	data : [ {
		id: 1,
		organization : "管理人员"
	}, {
		id: 2,
		organization : "技术人员"
	}, {
		id: 3,
		organization : "驻场人员"
	} ]
});

var organizationGird = Ext.create('Ext.grid.Panel', {
	store : organizationStore,
	forceFit : true,
	id : 'organizationGird',
	height : '100%',
	width : '100%',
	columns : [ new Ext.grid.RowNumberer({
		header : "序号",
		align : 'center',
		width : 40,
		xtype : "rownumberer"
	}), {
		width : 493,
		text : "组织架构名称",
		style : {
			textAlign : 'center'
		},
		dataIndex : 'organization'
	} ],
	listeners : {
		'selectionchange' : function(me, selected, options) {
			findworkuser();
		}
	}
});

var officerDetailsField = Ext.create("Ext.form.FieldSet", {
	height : 300,
	width : 350,
	border:false,
	layout : "column",
	items : [{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '姓名',
		margin : '10 20 10 0',
		labelAlign:"right",
		allowBlank: false,
		id:'nameId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '出生日期',
		margin : '10 20 10 0',
		labelAlign:"right",
		allowBlank: false,
		id:'birthId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '电话',
		margin : '10 20 10 0',
		labelAlign:"right",
		allowBlank: false,
		id:'phoneId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '身份证',
		margin : '10 20 10 0',
		labelAlign:"right",
		allowBlank: false,
		id:'cardId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '邮箱',
		margin : '10 20 10 0',
		labelAlign:"right",
		allowBlank: false,
		id:'emailId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '供应商名称id',
		margin : '10 20 10 0',
		labelAlign:"right",
		allowBlank: false,
		id:'supplierId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '组织构架id',
		margin : '10 20 10 0',
		labelAlign:"right",
		allowBlank: false,
		id:'organizationId'
	}]
});

var officerDetailsPanel = Ext.create("Ext.form.Panel", {
	border:false,
	items : [ officerDetailsField ],
});

var officerDetailsWindow = Ext.create("Ext.window.Window", {
	title : "详情",
	layout:'fit',
	items : [ officerDetailsPanel],
	closeAction : 'hide'
});

var addOfficerField = Ext.create("Ext.form.FieldSet", {
	height : 300,
	width : 350,
	border:false,
	layout : "column",
	items : [{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '姓名<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '姓名不能为空',
		maxLength : 20,  
		maxLengthText : '姓名长度不得大于20个字符长度', 
		allowBlank: false,
		id:'addnameId',
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '出生日期<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '出生日期不能为空',
		allowBlank: false,
		id:'addbirthId',
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '电话<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '电话不能为空',
		regex:  /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/ ,
		regexText: '电话号码格式不正确',
		allowBlank: false,
		id:'addphoneId',
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '身份证<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '身份证不能为空',
		regex: /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/,
		regexText: '身份证号码格式不正确',
		allowBlank: false,
		id:'addcardId',
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '邮箱<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '邮箱不能为空',
		regex: /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/,
		regexText: '邮箱格式不正确',
		allowBlank: false,
		id:'addemailId',
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '供应商id<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '供应商id不能为空',
		allowBlank: false,
		id:'addsupplierId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '组织构架id<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '组织构架id不能为空',
		allowBlank: false,
		id:'addorganizationId'
	}]
});

var  addOfficerPanel = Ext.create("Ext.form.Panel", {
	border:false,
	items : [ addOfficerField ],
	buttons : [ {
		formBind : true,
		disabled : true,
		text : "添加",
		handler :function(){
			var addname = Ext.getCmp("addnameId").getValue();
			var addbirth = Ext.getCmp("addbirthId").getValue();
			var addphone = Ext.getCmp("addphoneId").getValue();
			var addcard = Ext.getCmp("addcardId").getValue();
			var addemail = Ext.getCmp("addemailId").getValue();
			var addsupplier = Ext.getCmp("addsupplierId").getValue();
			var addorganization = Ext.getCmp("addorganizationId").getValue();
			
			addOfficerPanel.submit({
				url:'addWorkUser.action',
				method:'post',
				params:{
					'workuser.name':addname,
					'workuser.birth':addbirth,
					'workuser.phone':addphone,
					'workuser.card':addcard,
					'workuser.email':addemail,
					'workuser.supplier':addsupplier,
					'workuser.organization':addorganization,
				},
				success:function(form, action){
//					var o = Ext.JSON.decode(action.response.responseText);
					addOfficerWindow.close();
					userStore.load();
					Ext.Msg.alert("提示", "添加成功！");
				},
				failure:function(){
					addOfficerWindow.close();
					Ext.Msg.alert("提示", "添加失败！");
				}
			});
		}
		
	} , {
		text : "重置",
		handler : function() {
			this.up('form').getForm().reset();
		}
	}]

});

var addOfficerWindow = Ext.create("Ext.window.Window", {
	title : "详情",
	layout:'fit',
	items : [ addOfficerPanel],
	closeAction : 'hide'
});

var modifyOfficerField = Ext.create("Ext.form.FieldSet", {
	height : 300,
	width : 350,
	border:false,
	layout : "column",
	items : [{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '姓名<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '姓名不能为空',
		maxLength : 20,  
		maxLengthText : '姓名长度不得大于20个字符长度', 
		allowBlank: false,
		id:'modifynameId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '出生日期<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '出生日期不能为空',
		allowBlank: false,
		id:'modifybirthId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '电话<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '电话不能为空',
		regex:  /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/ ,
		regexText: '电话号码格式不正确',
		allowBlank: false,
		id:'modifyphoneId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '身份证<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '身份证不能为空',
		regex: /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/,
		regexText: '身份证号码格式不正确',
		allowBlank: false,
		id:'modifycardId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '邮箱<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '邮箱不能为空',
		regex: /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/,
		regexText: '邮箱格式不正确',
		allowBlank: false,
		id:'modifyemailId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '供应商id<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '供应商id',
		allowBlank: false,
		id:'modifysupplierId'
	},{
		xtype:'textfield',
		columnWidth :1,
		fieldLabel : '组织构架id<span style="color:red">*</span>',
		margin : '10 20 10 0',
		labelAlign:"right",
		blankText: '组织构架id',
		allowBlank: false,
		id:'modifyorganizationId'
	}]
});

var  modifyOfficerPanel = Ext.create("Ext.form.Panel", {
	border:false,
	items : [ modifyOfficerField ],
	buttons : [ {
		formBind : true,
		disabled : true,
		text : "修改",
		handler :function(){
			var userselection = Ext.getCmp('userGrid').getSelectionModel().getSelection();
			var modifyId = userselection[0].data.id;
			var modifyname = Ext.getCmp("modifynameId").getValue();
			var modifybirth = Ext.getCmp("modifybirthId").getValue();
			var modifyphone = Ext.getCmp("modifyphoneId").getValue();
			var modifycard = Ext.getCmp("modifycardId").getValue();
			var modifyemail = Ext.getCmp("modifyemailId").getValue();
			var modifysupplier = Ext.getCmp("modifysupplierId").getValue();
			var modifyorganization = Ext.getCmp("modifyorganizationId").getValue();
			
			modifyOfficerPanel.submit({
				url:'modifyWorkUser.action',
				method:'post',
				params:{
					'workuser.id':modifyId,
					'workuser.name':modifyname,
					'workuser.birth':modifybirth,
					'workuser.phone':modifyphone,
					'workuser.card':modifycard,
					'workuser.email':modifyemail,
					'workuser.supplier':modifysupplier,
					'workuser.organization':modifyorganization,
				},
				success:function(form, action){
//					var o = Ext.JSON.decode(action.response.responseText);
					modifyOfficerWindow.close();
					userStore.load();
					Ext.Msg.alert("提示", "添加成功！");
				},
				failure:function(){
					modifyOfficerWindow.close();
					Ext.Msg.alert("提示", "添加失败！");
				}
			});
		}
		
	} , {
		text : "重置",
		handler : function() {
			this.up('form').getForm().reset();
		}
	}]

});

var modifyOfficerWindow = Ext.create("Ext.window.Window", {
	title : "详情",
	layout:'fit',
	items : [ modifyOfficerPanel],
	closeAction : 'hide'
});


Ext.define('userModel', {
	extend: 'Ext.data.Model',
	fields: [{
		name: 'id',
		type: 'string'
	}, {
		name: 'name',
		type: 'string'
	}, {
		name: 'birth',
		type: 'string'
	}, {
		name: 'phone',
		type: 'string'
	}, {
		name: 'card',
		type: 'string'
	}, {
		name: 'email',
		type: 'string'
	}, {
		name: 'supplierid',
		type: 'string'
	}, {
		name: 'organizationid',
		type: 'string'
	}]
});

var userStore = Ext.create('Ext.data.Store', {
	model: 'userModel',
	proxy: {
		type: 'ajax',
		url: 'findWorkUser.action',
		reader: {
			// 数据格式为json
			type: 'json',
			root: 'root',
			totalProperty: 'total'
		}
	},
	autoLoad: false
});

var userGrid = Ext.create('Ext.grid.Panel', {
	store: userStore,
	forceFit : true,
	id : 'userGrid',
	height : '100%',
	width : '100%',
	columns : [ new Ext.grid.RowNumberer({
		header : "序号",
		align : 'center',
		width : 40,
		xtype : "rownumberer"
	}), {
		width : 452,
		text : "人员名称",
		style : {
			textAlign : 'center'
		},
		dataIndex : 'name'
	},
	{
		text : '详情',
		width : 40,
		flex : 1,
		dataIndex : 'id',
		sortable : true,
		renderer:function(value){
			var param ="\'"+value+"\'";
			return '<a style="text-decoration:none" href="javascript:void(0)" οnclick="doClick('+param+')"> 详情</a>';
		}
	} ]
});


function initPanel() {
	supplierStore.load();
	var supplierPanel = Ext.create('Ext.panel.Panel', {
		title : '服务人员管理',
		store : supplierStore,
		width : '100%',
		height : '100%',
		renderTo : Ext.getBody(),
		layout : 'border',
		defaults : {
			bodyStyle : "background-color: #FFFFFF;",
			frame : true
		},
		items : [ {
			region : "west",
			width : '33%',
			height : '100%',
//			collapsible : true,
//			title : '供应商',
			hideTitle : false,
			layout : 'fit',
			tbar : [{
				xtype : 'label',
				style:'font-size:12px;font-family:bold;',
				id : 'addLabel',
				text : '供应商'
			}, 
			'->',
			// { xtype: 'tbfill' },
			{
				xtype : 'button',
				text : '添加',
				handler : function() {
					addSupplierWindow.show();
				}
			}, {
				xtype : 'button',
				text : '删除',
				handler : function() {
					var supplierselection = Ext.getCmp('supplierGird').getSelectionModel().getSelection();
					if(supplierselection.length != 0){
						var supplierId = supplierselection[0].data.id;
						Ext.Ajax.request({
							url:'deleteSupplier.action',
							method:'post',
							params:{
								'suppliermnt.id':supplierId,
							},
							success:function(form, action){
								supplierStore.load();
								Ext.Msg.alert("提示", "删除成功！");
							},
							failure:function(){
								Ext.Msg.alert("提示", "删除失败！");
							}
						});
					}else {
						Ext.Msg.alert("提示", "请选择供应商！");
					}
				}
			}, {
				xtype : 'button',
				text : '修改',
				handler : function() {
					var supplierselection = Ext.getCmp('supplierGird').getSelectionModel().getSelection();
					if(supplierselection.length != 0){
						modifySupplierWindow.show();
						var supplierId = supplierselection[0].data.id;
						var guaranteesupplier = supplierselection[0].data.guaranteesupplier;
						var historysupplier = supplierselection[0].data.historysupplier;
						Ext.getCmp('modifyguaranteeId').setValue(guaranteesupplier);
						Ext.getCmp('modifyhistoryId').setValue(historysupplier);
					}else{
					Ext.Msg.alert("提示", "请选择供应商！");
					}
				}
			} ],
			items : [ supplierGird ],
		}, {
			region : "center",
			split : true,
			border : true,
			width : '34%',
//			title : '组织架构',
			layout : 'fit',
			tbar : [{
				xtype : 'label',
				style:'font-size:15px;font-family:bold;',
				id : 'addLabel2',
				text : '组织架构'
			}],
			items : [ organizationGird ],
		}, {
			region : "east",
//			title : '人员',
			width : '34%',
			layout : 'fit',
			tbar : [ {
				xtype : 'label',
				style:'font-size:12px;font-family:bold;',
				id : 'addLabel1',
				text : '人员'
			}, 
			'->',
			// { xtype: 'tbfill' },
			{
				xtype : 'button',
				text : '添加',
				handler : function() {
					var supplierselection = Ext.getCmp('supplierGird').getSelectionModel().getSelection();
					var organizationselection = Ext.getCmp('organizationGird').getSelectionModel().getSelection();
					if(supplierselection.length != 0){
						if(organizationselection.length != 0){
							var organizationid = organizationselection[0].data.id;
							var guaranteesupplierid = supplierselection[0].data.id;
							Ext.getCmp('addsupplierId').setValue(guaranteesupplierid);
							Ext.getCmp('addorganizationId').setValue(organizationid);
							addOfficerWindow.show();
						}else{
							var guaranteesupplierid = supplierselection[0].data.id;
							Ext.getCmp('addsupplierId').setValue(guaranteesupplierid);
							addOfficerWindow.show();
						}
					}else{
						addOfficerWindow.show();
					}
				}
			}, {
				xtype : 'button',
				text : '删除',
				handler : function() {
					var userselection = Ext.getCmp('userGrid').getSelectionModel().getSelection();
					if(userselection.length != 0){
						var userId = userselection[0].data.id;
						Ext.Ajax.request({
							url:'deleteWorkUser.action',
							method:'post',
							params:{
								'work.id':userId,
							},
							success:function(form, action){
								userStore.load();
								Ext.Msg.alert("提示", "删除成功！");
							},
							failure:function(){
								Ext.Msg.alert("提示", "删除失败！");
							}
						});
					}else {
						Ext.Msg.alert("提示", "请选择人员！");
					}
				}
			}, {
				xtype : 'button',
				text : '修改',
				handler : function(value) {
					var userselection = Ext.getCmp('userGrid').getSelectionModel().getSelection();
					if(userselection.length != 0){
						userStore.proxy.extraParams['id']=value;
						userStore.load();
						Ext.getCmp('modifynameId').setValue(userStore.data.items[0].data.name);
						Ext.getCmp('modifybirthId').setValue(userStore.data.items[0].data.birth);
						Ext.getCmp('modifyphoneId').setValue(userStore.data.items[0].data.phone);
						Ext.getCmp('modifycardId').setValue(userStore.data.items[0].data.card);
						Ext.getCmp('modifyemailId').setValue(userStore.data.items[0].data.email);
						Ext.getCmp('modifysupplierId').setValue(userStore.data.items[0].data.supplierid);
						Ext.getCmp('modifyorganizationId').setValue(userStore.data.items[0].data.organizationid);
						modifyOfficerWindow.show();
					}else{
					Ext.Msg.alert("提示", "请选择人员！");
					}
				}
			} ],
			items : [ userGrid ],
		} ]
	});
}

function findworkuser(){
	var supplierselection = Ext.getCmp('supplierGird').getSelectionModel().getSelection();
	var organizationselection = Ext.getCmp('organizationGird').getSelectionModel().getSelection();
	if(supplierselection.length !=0 && organizationselection.length != 0){
		var supplierId = supplierselection[0].data.id;
		var organizationId = organizationselection[0].data.id;
		Ext.Ajax.request({
			url : "findWorkUser.action",
			params : {
				"workuser.supplierid" : supplierId,
				"workuser.organizationid" : organizationId
			},
			method : 'post',
			success : function(response, options) {
				var o = Ext.JSON.decode(response.responseText);
					userStore.load();
			},
			failure : function() {
				Ext.Msg.alert("提示", "加载错误！");
			}
		});
	}else{
		Ext.Msg.alert("提示", "请选择供应商！");
	}
}

function doClick(arg){
	userStore.proxy.extraParams['id']=arg;
	userStore.load();
	Ext.getCmp('nameId').setValue(userStore.data.items[0].data.name);
	Ext.getCmp('birthId').setValue(userStore.data.items[0].data.birth);
	Ext.getCmp('phoneId').setValue(userStore.data.items[0].data.phone);
	Ext.getCmp('cardId').setValue(userStore.data.items[0].data.card);
	Ext.getCmp('emailId').setValue(userStore.data.items[0].data.email);
	Ext.getCmp('supplierId').setValue(userStore.data.items[0].data.supplierid);
	Ext.getCmp('organizationId').setValue(userStore.data.items[0].data.organizationid);
	officerDetailsWindow.show();
}


Java软件小白
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java Web酒店管理系统源码 +mysql 数据库
03-19
酒店管理系统分为前台和后台两个部分，其中后台供管理员管理系统之用，包括客房类型设置模块、客房设置模块以及操作员设置三个子模块，具体的功能模块如下。 客房类型设置模块：该模块用来管理酒店的所有客房类型，...
＜QML_JanQuickDemo＞四、人员管理-TableView的使用
Aike_li的博客
10-09 756
本篇介绍一下JanQuick_Demo的人员管理页面，主要是介绍TableView和QAbstractTableModel的使用，通过自定义model,delegate实现表格样式自定义和对表格的增删改查。展示的数据来源于本地文件
ExtJS6.2开发-用户管理(二)
砌墙民工的博客
02-02 294
一、创建控制文件 1)在app目录下找到main\core\user\controller目录创建maCrUserController.js 2)maCrUserController.js文件代码如下： Ext.define('appcenter.main.core.user.controller.maCrUserController', { extend: 'Ext.app.View...
人员管理页面html,人员管理.html
weixin_34616304的博客
06-03 583
人员管理$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPath...
Extjs3.0角色权限管理系统-用户管理模块篇
俗尘某某
11-17 1089
1.用户管理功能模块效果图如下 2.用户管理功能模块->新增、修改和详情功能大致相同，故截一个图，效果图如下 3.用户管理功能模块->分配角色功能，效果图如下 用户管理模块后台controller代码 package com.gsww.controller.sys; import java.util.HashMap; import java.util.List; im
Vue + Spring Boot 项目实战:人事管理系统——(2)员工管理页面及方法实现
weixin_45331887的博客
05-13 2198
员工信息管理目录前言一、前端页面的编写1.编写员工管理vue页面二、后端接口的方法实现1.编写实体类2.读入数据总结 前言 项目登录方法已经实现了，布局已经规划好了，现在在准备员工管理页面的工作 提示：以下是本篇文章正文内容，下面案例可供参考 一、前端页面的编写 1.编写员工管理vue页面 项目目录结构如下 二、后端接口的方法实现 1.编写实体类 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as p
精通JS脚本之ExtJS框架.part2.rar
03-02
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章，分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、...17.6 系统管理员权限分配
北风客户关系管理源码 CRM
01-16
本系统将提供给老板、经理（副经理）、销售员等人员使用，完成对客户关系的日常管理。 我们认为，CRM是辨识、获取、保持和增加“可获利客户”的理论、实践和技术手段的总称。它既是一种国际领先的、以“客户价值”为...
精通JS脚本之ExtJS框架.part1.rar
03-02
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章，分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、...17.6 系统管理员权限分配
iejoyswebos for .net 桌面级WEB开发框架程序V1.08
10-21
插件式模块化设计，iejoyswebos就是一个基础开发框架，它提供了一个开发软件系统的基本框架，包括权限控制，模块控制，管理员，基础设置等。您可以在它的基础上拓展开发自己的模块应用，功能模块做成一个单独的包，...
ext js做的应用系统界面，很不错的！
10-19
是用extjs做的应用系统界面，里面包括了extjs整框架。 界面比较动感！
基于extjs4.0.7的员工管理系统
04-18
参考网络教程 Extjs4开发笔记（一）——准备工作 http://www.mhzg.net/a/20116/20116281100279.html Extjs4开发笔记(二)——框架的搭建 http://www.mhzg.net/a/20116/201162913210280.html 目前仅实现这两步，我在参照原作者的代码，照着在我的机器上敲了一边，并调试成功 解压至web发布的根目录即可 本代码适用于新手入门，对于想一起学习一起进步的同学有一定的参考价值。 熟手，高手请跳过！
员工管理系统静态页面（含跳转）
03-18
员工管理系统静态页面（含跳转），可以当做jsp的静态原型
员工管理主界面
06-29
可以管理员工的系统，由java语言编写出来了主界面，界面美观大方，非常好看
extjs通用后台管理界面
12-08
extjs通用后台管理界面 非常的好看，打击可以下载参考一下 也可以在项目中应用
ExtJs人力资源管理系统(HRMS)
10-02
这是博客http://blog.csdn.net/lenotang/archive/2008/10/02/3009532.aspx的配套工程。在javaEE应用中，SSH的组合已经家喻户晓，而Ajax技术也已经遍地开花。我们一般会使用遵循MVC设计模式的Struts来规范程序结构，使用优秀的ORM组件Hibernate来简化数据库访问操作，使用系统黏合剂Spring来提高开发效率，使用异步访问的Ajax来提高用户体验。而今天我们要做的一个demo是一个简化的HRMS(人力资源管理系统)，在SSH上因为Spring本身有自己的MVC框架实现，所以我们用它来代替struts，在Ajax上我们采用两大框架组件extjs和dwr,前者可以做出非常炫目的页面效果，后者可以很方便地访问Java服务器端的代码。希望大家学习愉快！
Extjs员工管理实例
09-04
一个很好的Extjs员工管理案例，适合新手
thikphp员工管理系统
12-27
使用thinkPHP框架搭建员工管理系统，有增删改查功能，登录拦截，分页功能，index.php为入口文件加/home/login/index后缀即可访问（压缩包包含数据库文件）修复该https://download.csdn.net/download/weixin_42545184/10869698资源编辑bug
员工信息管理系统后台HTML 模板
11-01
本模板适合用于管理系统，可以很好的实现靓丽页面【实例为员工信息管理系统，可以修改为其他的，用于借鉴哈】
extjs+页面刷新
最新发布
10-26
在ExtJS中，可以使用Ext.TaskManager类来管理定时器。 4. 使用WebSocket技术：WebSocket是一种全双工通信协议，可以实现服务器主动向客户端推送数据。在ExtJS中，可以使用Ext.ux.WebSocket类来实现WebSocket通信，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值