nav_empedit.js

一个简单ssh+extjs的人力资源管理系统（转载）

Ext.onReady(function() {
	/*---------------------------------部门导航树---------------------------*/
	var jobTree = new Ext.tree.TreePanel({
				id : 'dept_job_tree',
				title : '部门导航',
				renderTo : 'dept_emp_tree',
				columnWidth : .15,
				frame : true,
				layout : 'fit',
				height : 300,
				width : 180,
				minSize : 150,
				minSize : 250,
				root : new Ext.tree.AsyncTreeNode({
							id : '1',
							text : '部门'
						}),
				loader : new Ext.tree.TreeLoader({
							dataUrl : 'getNodes.do?type=dept'
						}),
				animate : true,
				border : false,
				autoScroll : true
			});

	/*------------------------------人员档案列表--------------------------------*/
	var model = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
				header : '人员名称',
				width : 100,
				dataIndex : 'jobcode',
				sortable : true,
				editor : new Ext.grid.GridEditor(new Ext.form.ComboBox({
							hiddenName : 'pk_emp',
							allowBlank : false,
							width : 100,
							store : new Ext.data.Store({
										proxy : new Ext.data.HttpProxy({
													url : 'getById.do?type=emp',
													disableCaching : false
												}),
										reader : new Ext.data.JsonReader({
													root : 'data'
												}, ['pk_emp', 'name'])
									}),
							displayField : 'name',
							valueField : 'pk_emp',
							typeAhead : true,
							forceSelection : true,
							selectOnFocus : true,
							triggerAction : 'all'
						}))
			}, {
				header : '人员类别',
				width : 100,
				dataIndex : 'pk_outer_emptype',
				sortable : true,
				editor : new Ext.grid.GridEditor(new Ext.form.ComboBox({
							hiddenName : 'pk_outer_emptype',
							allowBlank : false,
							width : 100,
							store : new Ext.data.Store({
										proxy : new Ext.data.HttpProxy({
													url : 'getById.do?type=emptype',
													disableCaching : false
												}),
										reader : new Ext.data.JsonReader({
													root : 'data'
												}, ['id', 'typename'])
									}),
							displayField : 'typename',
							valueField : 'id',
							typeAhead : true,
							forceSelection : true,
							selectOnFocus : true,
							triggerAction : 'all'
						}))
			},{
				header : '人员类别',
				width : 100,
				dataIndex : 'pk_outer_emptype',
				sortable : true,
				editor : new Ext.grid.GridEditor(new Ext.form.ComboBox({
							hiddenName : 'pk_outer_emptype',
							allowBlank : false,
							width : 100,
							store : new Ext.data.Store({
										proxy : new Ext.data.HttpProxy({
													url : 'getById.do?type=emptype',
													disableCaching : false
												}),
										reader : new Ext.data.JsonReader({
													root : 'data'
												}, ['id', 'typename'])
									}),
							displayField : 'typename',
							valueField : 'id',
							typeAhead : true,
							forceSelection : true,
							selectOnFocus : true,
							triggerAction : 'all'
						}))
			}, {
				header : '岗位',
				width : 100,
				dataIndex : 'pk_outer_job',
				sortable : false,
				editor : new Ext.grid.GridEditor(new Ext.form.ComboBox({
							hiddenName : 'pk_outer_job',
							allowBlank : false,
							width : 70,
							store : new Ext.data.Store({
										proxy : new Ext.data.HttpProxy({
													url : 'getById.do?type=job',
													disableCaching : false
												}),
										reader : new Ext.data.JsonReader({
													root : 'data'
												}, ['id', 'jobname'])
									}),
							displayField : 'jobname',
							valueField : 'id',
							typeAhead : true,
							forceSelection : true,
							selectOnFocus : true,
							triggerAction : 'all'
						}))
			}]);
	var store = new Ext.data.Store({
				proxy : new Ext.data.HttpProxy({
							url : 'getById.do?type=job',
							disableCaching : false
						}),
				reader : new Ext.data.JsonReader({
							root : 'data'
						}, ['pk_emp', 'jobname', 'pk_outer_post', 'jobtype',
								'jobdesc', {
									name : 'createdate',
									type : 'date',
									dateFormat : 'Y-m-d'
								}])
			});
	store.load();
	var jobGrid = new Ext.grid.EditorGridPanel({
				title : '岗位信息列表',
				frame : true,
				renderTo : 'job_grid',
				width : 600,
				height : 300,
				columnWidth : .85,
				cm : model,
				store : store
			});
	jobGrid.stopEditing();
		/* `````````````````````````````````岗位列表信息结束`````````````````````` */

});