开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Internet/网络编程 > Web服务器 > 查看源码
user.js
资源名称：ssh+ext.rar　[点击查看]
上传用户：ouhalaa
上传日期：2016-03-17
资源大小：10210k
文件大小：17k
源码类别：

Web服务器

开发平台：

Java

user.js：源码内容
  1. // 用户管理
  2. var User = Ext.data.Record.create([
  3. {name : 'userId',mapping : 'userId',type : 'int'}, 
  4. {name : 'emplName',mapping : 'emplName',type : 'string'}, 
  5. {name : 'emplNo',mapping : 'emplNo',type : 'string'}, 
  6. {name : 'mobilePhone',mapping : 'mobilePhone',type : 'string'}, 
  7. {name : 'sex',mapping : 'sex',type : 'string'}, 
  8. {name : 'age',mapping : 'age',type : 'int'}, 
  9. {name : 'userName',mapping : 'userName',type : 'string'}, 
  10. {name : 'password',mapping : 'password',type : 'string'}, 
  11. {name : 'userId',mapping : 'userId',type : 'int'}, 
  12. {name : 'userName',mapping : 'userName',type : 'string'}, 
  13. {name : 'deptId',mapping : 'deptId',type : 'int'}, 
  14. {name : 'deptName',mapping : 'deptName',type : 'string'}, 
  15. {name : 'dutyId',mapping : 'dutyId',type : 'int'}, 
  16. {name : 'dutyName',mapping : 'dutyName',type : 'string'}, 
  17. {name : 'manager',mapping : 'manager',type : 'bool'}, 
  18. {name : 'remark',mapping : 'remark',type : 'string'}]);
  20. var ds_duty_select = new Ext.data.Store({
  21. url : 'findAllDuty.action',
  22. reader : new Ext.data.JsonReader({root : 'root'}, 
  23. [{name : 'dutyId'}, {name : 'dutyName'}])
  24. });
  26. var ds_dept_select = new Ext.data.Store({
  27. url : 'findDeptByCompany.action',
  28. reader : new Ext.data.JsonReader({root : 'root'}, 
  29. [{name : 'deptId'}, {name : 'deptName'}])
  30. });
  32. Ext.grid.CheckColumn = function(config) {
  33. Ext.apply(this, config);
  34. if (!this.id) {
  35. this.id = Ext.id();
  36. }
  37. this.renderer = this.renderer.createDelegate(this);
  38. };
  40. Ext.grid.CheckColumn.prototype = {
  41. init : function(grid) {
  42. this.grid = grid;
  43. this.grid.on('render', function() {
  44. var view = this.grid.getView();
  45. view.mainBody.on('mousedown', this.onMouseDown, this);
  46. }, this);
  47. },
  49. onMouseDown : function(e, t) {
  50. if (t.className && t.className.indexOf('x-grid3-cc-' + this.id) != -1) {
  51. e.stopEvent();
  52. var index = this.grid.getView().findRowIndex(t);
  53. var cindex = this.grid.getView().findCellIndex(t);
  54. var record = this.grid.store.getAt(index);
  55. var field = this.grid.colModel.getDataIndex(cindex);
  56. var e = {
  57. grid : this.grid,
  58. record : record,
  59. field : field,
  60. originalValue : record.data[this.dataIndex],
  61. value : !record.data[this.dataIndex],
  62. row : index,
  63. column : cindex,
  64. cancel : false
  65. };
  66. if (this.grid.fireEvent("validateedit", e) !== false && !e.cancel) {
  67. delete e.cancel;
  68. record.set(this.dataIndex, !record.data[this.dataIndex]);
  69. this.grid.fireEvent("afteredit", e);
  70. }
  71. }
  72. },
  74. renderer : function(v, p, record) {
  75. p.css += ' x-grid3-check-col-td';
  76. return '<div class="x-grid3-check-col' + (v ? '-on' : '') + ' x-grid3-cc-' + this.id + '">&#160;</div>';
  77. }
  78. };
  80. var checkColumn = new Ext.grid.CheckColumn({
  81. header : "管理员?",
  82. dataIndex : 'manager',
  83. width : 55
  84. });
  86. var cm_user = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
  87. header : '用户名',
  88. width : 85,
  89. dataIndex : 'userName'
  90. }, {
  91. header : '密码',
  92. width : 85,
  93. dataIndex : 'password',
  94. sortable : false,
  95. menuDisabled : true,
  96. editor : new Ext.form.TextField({
  97. allowBlank : false,
  98. minLength : 6,
  99. maxLength : 20
  100. })
  101. }, {
  102. header : '用户姓名',
  103. sortable : false,
  104. menuDisabled : true,
  105. width : 90,
  106. dataIndex : 'emplName',
  107. editor : new Ext.form.TextField({
  108. allowBlank : false,
  109. maxLength : 20
  110. })
  111. }, {
  112. header : '用户编码',
  113. width : 85,
  114. dataIndex : 'emplNo',
  115. hidden : true,
  116. menuDisabled : true,
  117. editor : new Ext.form.TextField({
  118. maxLength : 20
  119. })
  120. }, {
  121. header : '手机号码',
  122. width : 85,
  123. dataIndex : 'mobilePhone',
  124. menuDisabled : true,
  125. editor : new Ext.form.TextField({
  126. maxLength : 20
  127. })
  128. }, {
  129. header : '性别',
  130. width : 60,
  131. dataIndex : 'sex',
  132. hidden : true,
  133. sortable : false,
  134. menuDisabled : true,
  135. editor : new Ext.form.ComboBox({
  136. mode : 'local',
  137. editable : false,
  138. store : new Ext.data.SimpleStore({
  139. data : [['男', '男'], ['女', '女']],
  140. fields : ['text', 'value']
  141. }),
  142. displayField : 'text',
  143. valueField : 'value',
  144. mode : 'local',
  145. triggerAction : 'all'
  146. })
  147. }, {
  148. header : '年龄',
  149. width : 40,
  150. dataIndex : 'age',
  151. sortable : false,
  152. hidden : true,
  153. menuDisabled : true,
  154. editor : new Ext.form.NumberField({
  155. decimalPrecision : 1,
  156. fieldLabel : '年龄',
  157. maxLength : 3,
  158. maxLengthText : '年龄不符合实际',
  159. maxValue : 120,
  160. maxText : '最大允许年龄为120岁'
  161. })
  162. }, {
  163. header : '所属分公司',
  164. width : 85,
  165. sortable : false,
  166. dataIndex : 'companyName',
  167. menuDisabled : true,
  168. editor : new Ext.form.ComboBox({
  169. store : ds_company_select,
  170. displayField : 'companyName',
  171. valueField : 'companyName',
  172. mode : 'remote',
  173. allowBlank : false,
  174. editable : false,
  175. triggerAction : 'all',
  176. listWidth : 130,
  177. listeners : {
  178. 'select' : function(combo, record) {
  179. companyId = record.data.companyId;
  180. ds_dept_select.baseParams.companyId = companyId;
  181. ds_dept_select.reload();
  182. }
  183. }
  184. })
  185. }, {
  186. header : '所属部门',
  187. width : 85,
  188. dataIndex : 'deptName',
  189. sortable : false,
  190. menuDisabled : true,
  191. editor : new Ext.form.ComboBox({
  192. valueField : 'deptName',
  193. displayField : 'deptName',
  194. mode : 'remote',
  195. store : ds_dept_select,
  196. editable : false,
  197. allowBlank : false,
  198. triggerAction : 'all',
  199. listWidth : 130,
  200. listeners : {
  201. 'select' : function(combo, record) {// 当选择部门后,获得部门的id保存到全局
  202. deptId = record.data.deptId;
  203. },
  204. 'beforequery' : function(queryEvent) {// 在执行下拉查询时,先判断是否参数companyId(单击行时被附值,更换分公司也被赋值)是否存在
  205. if (!companyId) {
  206. queryEvent.cancel = true;
  207. }
  208. },
  209. 'focus' : function() {
  210. // 当获得焦点时,设置查询参数,重新加载数据,注意:如果不是每次参数都有可能不一样,不推荐使用这个监听器
  211. // 因为它每次都要重新加载数据
  212. ds_dept_select.baseParams.companyId = companyId;
  213. ds_dept_select.reload();
  214. }
  215. }
  216. })
  217. }, {
  218. header : '职称',
  219. width : 85,
  220. dataIndex : 'dutyName',
  221. menuDisabled : true,
  222. sortable : false,
  223. editor : new Ext.form.ComboBox({
  224. store : ds_duty_select,
  225. displayField : 'dutyName',
  226. valueField : 'dutyName',
  227. mode : 'remote',
  228. allowBlank : false,
  229. editable : false,
  230. triggerAction : 'all',
  231. listWidth : 100,
  232. listeners : {
  233. 'select' : function(combo, record) {
  234. dutyId = record.data.dutyId;
  235. }
  236. }
  237. })
  238. }, checkColumn, {
  239. header : '备注',
  240. id : 'remark',
  241. dataIndex : 'remark',
  242. menuDisabled : true,
  243. sortable : false,
  244. editor : new Ext.form.TextField({
  245. maxLength : 200
  246. })
  247. }]);
  249. cm_user.defaultSortable = true;
  251. var btn_add_user = new Ext.Button({
  252. text : '添加用户',
  253. iconCls : 'icon-add',
  254. handler : function() {
  255. window_add_user.show();
  256. }
  257. });
  259. var btn_del_user = new Ext.Button({
  260. text : '删除用户',
  261. iconCls : 'icon-del',
  262. handler : function() {
  263. var record = grid_user.getSelectionModel().getSelected();
  264. if (record) {
  265. Ext.Msg.confirm('确认删除', '你确定删除该条记录?', function(btn) {
  266. if (btn == 'yes') {
  267. Ext.Ajax.request({
  268. url : 'deleteUser.action',
  269. params : {userId : record.data.userId},
  270. success : function() {grid_user.getStore().remove(record);},
  271. failure : function() {
  272. Ext.Msg.show({
  273. title : '错误提示',
  274. msg : '删除时发生错误!',
  275. buttons : Ext.Msg.OK,
  276. icon : Ext.Msg.ERROR
  277. });
  278. }
  279. });
  280. }
  281. });
  282. }
  283. }
  284. });
  286. var text_search_user = new Ext.form.TextField({
  287. name : 'textSearchUser',
  288. width : 200,
  289. emptyText : '多条件可用逗号或者空格隔开!',
  290. listeners : {
  291. 'specialkey' : function(field, e) {
  292. if (e.getKey() == Ext.EventObject.ENTER) {
  293. searchUser();
  294. }
  295. }
  296. }
  297. });
  299. var searchUser = function() {
  300. ds_user.baseParams.conditions = text_search_user.getValue(); 
  301. ds_user.load({params : {start : 0,limit : 20}});
  302. }
  304. var btn_search_user = new Ext.Button({
  305. text : '查询',
  306. iconCls : 'icon-search',
  307. handler : searchUser
  308. });
  310. var ds_user = new Ext.data.Store({
  311. url : 'findAllUser.action',
  312. reader : new Ext.data.JsonReader({totalProperty : 'totalProperty',root : 'root'}, 
  313. [{name : 'userId',type : 'int'}, 
  314. {name : 'userName',type : 'string'}, 
  315. {name : 'password',type : 'string'}, 
  316. {name : 'mobilePhone',type : 'string'}, 
  317. {name : 'emplName',type : 'string'}, 
  318. {name : 'emplNo',type : 'string'}, 
  319. {name : 'sex',type : 'string'}, 
  320. {name : 'age',type : 'int'},
  321. {name : 'companyId',type : 'int'},
  322. {name : 'companyName',type : 'string'},
  323. {name : 'deptId',type : 'int'},
  324. {name : 'deptName',type : 'string'},
  325. {name : 'dutyId',type : 'int'},
  326. {name : 'dutyName',type : 'string'},
  327. {name : 'manager',type : 'bool'},
  328. {name : 'remark',type : 'string'}])
  329. });
  331. var companyId, dutyId, deptId;
  333. var grid_user = new Ext.grid.EditorGridPanel({
  334. title : '用户管理',
  335. iconCls : 'icon-grid',
  336. loadMask : {msg : '数据加载中...'},
  337. region : 'center',
  338. cm : cm_user,
  339. ds : ds_user,
  340. plugins : checkColumn,
  341. sm : new Ext.grid.RowSelectionModel({singleSelect : true}),
  342. enableColumnMove : false,
  343. trackMouseOver : false,
  344. frame : true,
  345. autoExpandColumn : 'remark',
  346. clicksToEdit : 1,
  347. tbar : [btn_add_user, '-', btn_del_user, '-',text_search_user, btn_search_user],
  348. bbar : new Ext.PagingToolbar({
  349. pageSize : 20,
  350. store : ds_user,
  351. displayInfo : true,
  352. displayMsg : '第 {0} - {1} 条  共 {2} 条',
  353. emptyMsg : "没有记录"
  354. }),
  355. listeners : {
  356. 'afteredit' : function(e) {
  357. Ext.Ajax.request({
  358. url : 'updateUser.action',
  359. params : {
  360. fieldName : e.field,
  361. fieldValue : e.value,
  362. companyId : e.field == 'companyName' ? companyId : null,
  363. deptId : e.field == 'deptName' ? deptId : null,
  364. dutyId : e.field == 'dutyName' ? dutyId : null,
  365. userId : e.record.data.userId
  366. },
  367. success : function() {
  368. if (e.field == 'companyName') {// 如果公司修改成功则同步当前显示修改记录的公司id
  369. e.record.set('companyId', companyId);
  370. }
  371. },
  372. failure : function() {
  373. Ext.Msg.show({
  374. title : '错误提示',
  375. msg : '修改数据发生错误,操作将被回滚!',
  376. fn : function() {e.record.set(e.field, e.originalValue);},
  377. buttons : Ext.Msg.OK,
  378. icon : Ext.Msg.ERROR
  379. });
  380. }
  381. });
  382. },
  383. 'cellclick' : function(grid, rowIndex) { // 为了部门下拉能够提取到分公司id的参数
  384. companyId = grid.getStore().getAt(rowIndex).data.companyId;
  385. }
  386. }
  387. });
  389. var window_add_user = new Ext.Window({
  390. title : '添加用户',
  391. width : 320,
  392. resizable : false,
  393. autoHeight : true,
  394. modal : true,
  395. closeAction : 'hide',
  396. listeners : {
  397. 'hide' : function() {
  398. this.setTitle('添加用户');
  399. this.findById('user.userName').ownerCt.form.reset();
  400. }
  401. },
  402. items : [new Ext.FormPanel({
  403. border : false,
  404. baseCls : 'x-plain',
  405. bodyStyle : 'padding:5px 5px 0',
  406. labelAlign : 'right',
  407. labelWidth : 70,
  408. url : 'saveUser.action',
  409. defaults : {anchor : '93%',msgTarget : 'side'},
  410. defaultType : 'textfield',
  411. items : [{
  412. fieldLabel : '用户名',
  413. id : 'user.userName',
  414. name : 'user.userName',
  415. allowBlank : false,
  416. maxLength : 30
  417. }, {
  418. fieldLabel : '密码',
  419. id : 'password1',
  420. name : 'user.password',
  421. allowBlank : false,
  422. minLength : 6,
  423. maxLength : 30
  424. }, {
  425. xtype : 'combo',
  426. fieldLabel : '所属分公司',
  427. id : 'company',
  428. hiddenName : 'user.companyId',
  429. valueField : 'companyId',
  430. displayField : 'companyName',
  431. mode : 'remote',
  432. store : ds_company_select,
  433. selectOnFocus : true,
  434. editable : false,
  435. allowBlank : false,
  436. triggerAction : 'all',
  437. loadingText : '加载中...',
  438. emptyText : '公司名称',
  439. listeners : {
  440. 'select' : function(combo, record, index) {
  441. this.ownerCt.findById('dept').reset(); // 可以通过findById来获得同一个表单中的ComboBox
  442. ds_dept_select.baseParams.companyId = this.ownerCt.form.findField('user.companyId').getValue();
  443. ds_dept_select.reload();
  444. this.ownerCt.form.findField('user.companyName').setValue(record.data.companyName);
  445. }
  446. }
  447. }, {
  448. xtype : 'hidden',
  449. name : 'user.companyName'
  450. }, {
  451. xtype : 'combo',
  452. fieldLabel : '所属部门',
  453. id : 'dept',
  454. hiddenName : 'user.deptId',
  455. valueField : 'deptId',
  456. displayField : 'deptName',
  457. mode : 'remote',
  458. store : ds_dept_select,
  459. selectOnFocus : true,
  460. editable : false,
  461. allowBlank : false,
  462. triggerAction : 'all',
  463. loadingText : '加载中...',
  464. emptyText : '部门名称',
  465. listeners : {
  466. 'select' : function(combo, record, index) {
  467. this.ownerCt.form.findField('user.deptName').setValue(record.data.deptName);
  468. },
  469. 'beforequery' : function(queryEvent) {
  470. if (!this.ownerCt.form.findField('user.companyId').getValue()) {
  471. queryEvent.cancel = true;
  472. }
  473. }
  474. }
  475. }, {xtype : 'hidden',name : 'user.deptName'}, 
  476.    {xtype : 'combo',
  477. fieldLabel : '职称',
  478. id : 'duty',
  479. hiddenName : 'user.dutyId',
  480. valueField : 'dutyId',
  481. displayField : 'dutyName',
  482. mode : 'remote',
  483. store : ds_duty_select,
  484. selectOnFocus : true,
  485. editable : false,
  486. allowBlank : false,
  487. triggerAction : 'all',
  488. loadingText : '加载中...',
  489. emptyText : '请选择职称',
  490. listeners : {
  491. 'select' : function(combo, record, index) {
  492. this.ownerCt.form.findField('user.dutyName').setValue(record.data.dutyName);
  493. }
  494. }
  495. }, {xtype : 'hidden',name : 'user.dutyName'}, 
  496.    {fieldLabel : '用户编码',name : 'user.emplNo',maxLength : 20}, 
  497.    {fieldLabel : '用户姓名',name : 'user.emplName',allowBlank : false,maxLength : 20}, 
  498.    {xtype : 'combo',
  499. fieldLabel : '性别',
  500. mode : 'local',
  501. name : 'user.sex',
  502. editable : false,
  503. store : new Ext.data.SimpleStore({
  504. data : [['男', '男'], ['女', '女']],
  505. fields : ['text', 'value']
  506. }),
  507. displayField : 'text',
  508. valueField : 'value',
  509. mode : 'local',
  510. triggerAction : 'all',
  511. emptyText : '请选择性别'
  512. }, {
  513. xtype : 'numberfield',
  514. decimalPrecision : 1,
  515. fieldLabel : '年龄',
  516. maxLength : 3,
  517. maxLengthText : '年龄不符合实际',
  518. maxValue : 120,
  519. maxText : '最大允许年龄为120岁',
  520. name : 'user.age'
  521. }, {fieldLabel : '联系电话',name : 'user.mobilePhone',allowBlank : false,maxLength : 20}, 
  522.    {fieldLabel : '备注',name : 'user.remark',xtype : 'textarea',maxLength : 100}
  523. ],
  524. buttonAlign : 'right',
  525. minButtonWidth : 60,
  526. buttons : [{
  527. text : '添加',
  528. handler : function(btn) {
  529. var frm = this.ownerCt.form;
  530. if (frm.isValid()) {
  531. btn.disable();
  532. var unfield = frm.findField('user.userName');
  533. frm.submit({
  534. waitTitle : '请稍候',
  535. waitMsg : '正在提交表单数据,请稍候...',
  536. success : function(form, action) {
  537. var store = grid_user.getStore();
  538. if (store.data.length <= 20) {
  539. var user = new User({
  540. userId : action.result.userId,
  541. userName : unfield.getValue(),
  542. companyId : form.findField('user.companyId').getValue(),
  543. companyName : Ext.get('company').dom.value,
  544. deptId : form.findField('user.deptId').getValue(),
  545. deptName : Ext.get('dept').dom.value,
  546. dutyId : form.findField('user.dutyId').getValue(),
  547. dutyName : Ext.get('duty').dom.value,
  548. emplName : form.findField('user.emplName').getValue(),
  549. emplNo : form.findField('user.emplNo').getValue(),
  550. sex : form.findField('user.sex').getValue(),
  551. age : form.findField('user.age').getValue(),
  552. password : form.findField('user.password').getValue(),
  553. mobilePhone : form.findField('user.mobilePhone').getValue(),
  554. remark : form.findField('user.remark').getValue()
  555. });
  556. store.insert(0, [user]);
  557. if (store.data.length > 20) {
  558. store.remove(store.getAt(store.data.length - 1));
  559. }
  560. }
  561. window_add_user.setTitle('[ ' + unfield.getValue() + ' ]   添加成功!!');
  562. unfield.reset();
  563. btn.enable();
  564. },
  565. failure : function() {
  566. Ext.Msg.show({
  567. title : '错误提示',
  568. msg : '"' + unfield.getValue() + '" ' + '名称可能已经存在!',
  569. buttons : Ext.Msg.OK,
  570. fn : function() {
  571. unfield.focus(true);
  572. btn.enable();
  573. },
  574. icon : Ext.Msg.ERROR
  575. });
  576. }
  577. });
  578. }
  579. }
  580. }, {text : '重置',handler : function() {this.ownerCt.form.reset();}
  581. }, {text : '取消',handler : function() {this.ownerCt.ownerCt.hide();}
  582. }]
  583. })]
  584. });
  586. var p_user = {
  587. id : 'user-panel',
  588. border : false,
  589. layout : 'border',
  590. items : [grid_user]
  591. };