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

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

Web服务器

开发平台：

Java

dept.js：源码内容
  1. var Dept = Ext.data.Record.create([{
  2. name : 'deptId',
  3. mapping : 'deptId',
  4. type : 'int'
  5. }, {
  6. name : 'deptName',
  7. mapping : 'deptName',
  8. type : 'string'
  9. }, {
  10. name : 'companyId',
  11. mapping : 'companyId',
  12. type : 'int'
  13. }, {
  14. name : 'companyName',
  15. mapping : 'companyName',
  16. type : 'string'
  17. }, {
  18. name : 'address',
  19. mapping : 'address',
  20. type : 'string'
  21. }, {
  22. name : 'tellPhone',
  23. mapping : 'tellPhone',
  24. type : 'string'
  25. }, {
  26. name : 'leader',
  27. mapping : 'leader',
  28. type : 'string'
  29. }, {
  30. name : 'mobilePhone',
  31. mapping : 'mobilePhone',
  32. type : 'string'
  33. }, {
  34. name : 'remark',
  35. mapping : 'remark',
  36. type : 'string'
  37. }]);
  39. var ds_company_select = new Ext.data.Store({
  40. url : 'findAllCompanyName.action',
  41. reader : new Ext.data.JsonReader({
  42. root : 'root'
  43. }, [{
  44. name : 'companyId',
  45. type : 'int'
  46. }, {
  47. name : 'companyName',
  48. type : 'string'
  49. }])
  50. });
  52. var cm_dept = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
  53. header : '部门名称',
  54. width : 90,
  55. dataIndex : 'deptName',
  56. sortable : true,
  57. editor : new Ext.form.TextField({
  58. allowBlank : false,
  59. maxLength : 50
  60. })
  61. }, {
  62. header : '所属分公司',
  63. width : 90,
  64. sortable : true,
  65. dataIndex : 'companyName',
  66. editor : new Ext.form.ComboBox({
  67. store : ds_company_select,
  68. displayField : 'companyName',
  69. valueField : 'companyName',
  70. mode : 'remote',
  71. allowBlank : false,
  72. editable : false,
  73. triggerAction : 'all',
  74. listWidth : 130, // 因为列宽度默认比较小,所以设定下拉列表宽度
  75. listeners : {
  76. 'select' : function(combo, record, index) {
  77. companyId = record.data.companyId; // 获得分公司id,保存到全局
  78. }
  79. }
  80. })
  81. }, {
  82. header : '部门地址',
  83. width : 200,
  84. dataIndex : 'address',
  85. menuDisabled : true,
  86. editor : new Ext.form.TextField({
  87. maxLength : 70
  88. })
  89. }, {
  90. header : '部门电话',
  91. width : 85,
  92. dataIndex : 'tellPhone',
  93. menuDisabled : true,
  94. resizable : false,
  95. editor : new Ext.form.TextField({
  96. maxLength : 20
  97. })
  98. }, {
  99. header : '负责人',
  100. width : 60,
  101. dataIndex : 'leader',
  102. resizable : false,
  103. menuDisabled : true,
  104. editor : new Ext.form.TextField({
  105. allowBlank : false,
  106. maxLength : 20
  107. })
  108. }, {
  109. header : '联系电话',
  110. width : 85,
  111. dataIndex : 'mobilePhone',
  112. menuDisabled : true,
  113. resizable : false,
  114. editor : new Ext.form.TextField({
  115. maxLength : 20
  116. })
  117. }, {
  118. header : '备注',
  119. id : 'remark',
  120. dataIndex : 'remark',
  121. menuDisabled : true,
  122. editor : new Ext.form.TextField({
  123. maxLength : 200
  124. })
  125. }]);
  127. cm_dept.defaultSortable = false;
  129. var window_add_dept = new Ext.Window({
  130. title : '添加部门',
  131. width : 350,
  132. height : 440,
  133. resizable : false,
  134. autoHeight : true,
  135. modal : true,
  136. closeAction : 'hide',
  137. listeners : {
  138. 'hide' : function() {
  139. this.setTitle('添加部门');
  140. this.findById('dept.deptName').ownerCt.form.reset();
  141. }
  142. },
  143. items : [new Ext.FormPanel({
  144. labelWidth : 70,
  145. labelAlign : 'right',
  146. url : 'saveDept.action',
  147. border : false,
  148. baseCls : 'x-plain',
  149. bodyStyle : 'padding:5px 5px 0',
  150. anchor : '100%',
  151. defaults : {
  152. width : 233,
  153. msgTarget : 'side'
  154. },
  155. defaultType : 'textfield',
  156. items : [{
  157. fieldLabel : '部门名称',
  158. id : 'dept.deptName',
  159. name : 'dept.deptName',
  160. allowBlank : false,
  161. maxLength : 50
  162. }, {
  163. xtype : 'combo',
  164. fieldLabel : '所属分公司',
  165. id : 'company',
  166. hiddenName : 'dept.companyId',
  167. valueField : 'companyId',
  168. displayField : 'companyName',
  169. mode : 'remote',
  170. store : ds_company_select,
  171. selectOnFocus : true,
  172. editable : false,
  173. allowBlank : false,
  174. triggerAction : 'all',
  175. loadingText : '加载中...',
  176. emptyText : '公司名称',
  177. listeners : { // 获得下拉文本内容,解决id,value都要的情况
  178. 'select' : function(combo, record, index) {
  179. this.ownerCt.form.findField('dept.companyName').setValue(record.data.companyName);
  180. }
  181. }
  182. }, {
  183. xtype : 'hidden',
  184. name : 'dept.companyName'
  185. }, {
  186. fieldLabel : '部门地址',
  187. name : 'dept.address',
  188. maxLength : 70
  189. }, {
  190. fieldLabel : '部门电话',
  191. name : 'dept.tellPhone',
  192. maxLength : 20
  193. }, {
  194. fieldLabel : '负责人',
  195. name : 'dept.leader',
  196. allowBlank : false,
  197. maxLength : 20
  198. }, {
  199. fieldLabel : '联系电话',
  200. name : 'dept.mobilePhone',
  201. maxLength : 20
  202. }, {
  203. fieldLabel : '备注',
  204. name : 'dept.remark',
  205. xtype : 'textarea',
  206. maxLength : 200
  207. }],
  208. buttonAlign : 'right',
  209. minButtonWidth : 60,
  210. buttons : [{
  211. text : '添加',
  212. handler : function(btn) {
  213. var frm = this.ownerCt.form;
  214. if (frm.isValid()) {
  215. btn.disable();
  216. var dnfield = frm.findField('dept.deptName');
  217. frm.submit({
  218. waitTitle : '请稍候',
  219. waitMsg : '正在提交表单数据,请稍候...',
  220. success : function(form, action) {
  221. var store = grid_dept.getStore();
  222. if (store.data.length <= 20) {
  223. var dept = new Dept({
  224. deptId : action.result.deptId,
  225. deptName : dnfield.getValue(),
  226. companyId : form.findField('dept.companyId').getValue(),
  227. companyName : Ext.get('company').dom.value,
  228. address : form.findField('dept.address').getValue(),
  229. tellPhone : form.findField('dept.tellPhone').getValue(),
  230. leader : form.findField('dept.leader').getValue(),
  231. mobilePhone : form.findField('dept.mobilePhone').getValue(),
  232. remark : form.findField('dept.remark').getValue()
  233. });
  234. store.insert(0, [dept]);
  235. if (store.data.length > 20) {
  236. store.remove(store.getAt(store.data.length - 1));
  237. }
  238. }
  239. window_add_dept.setTitle('[ ' + dnfield.getValue() + ' ]   添加成功!!');
  240. dnfield.reset();
  241. btn.enable();
  242. },
  243. failure : function() {
  244. Ext.Msg.show({
  245. title : '错误提示',
  246. msg : '"' + dnfield.getValue() + '" ' + '名称可能已经存在!',
  247. buttons : Ext.Msg.OK,
  248. fn : function() {
  249. dnfield.focus(true);
  250. btn.enable();
  251. },
  252. icon : Ext.Msg.ERROR
  253. });
  254. }
  255. });
  256. }
  257. }
  258. }, {
  259. text : '重置',
  260. handler : function() {
  261. this.ownerCt.form.reset();
  262. }
  263. }, {
  264. text : '取消',
  265. handler : function() {
  266. this.ownerCt.ownerCt.hide();
  267. }
  268. }]
  269. })]
  270. });
  272. var btn_add_dept = new Ext.Button({
  273. text : '添加部门',
  274. iconCls : 'icon-add',
  275. handler : function() {
  276. window_add_dept.show();
  277. }
  278. });
  280. var btn_del_dept = new Ext.Button({
  281. text : '删除部门',
  282. iconCls : 'icon-del',
  283. handler : function() {
  284. var record = grid_dept.getSelectionModel().getSelected();
  285. if (record) {
  286. Ext.Msg.confirm('确认删除', '你确定删除该条记录?', function(btn) {
  287. if (btn == 'yes') {
  288. Ext.Ajax.request({
  289. url : 'deleteDept.action',
  290. params : {
  291. deptId : record.data.deptId
  292. },
  293. success : function() {
  294. grid_dept.getStore().remove(record);
  295. },
  296. failure : function() {
  297. Ext.Msg.show({
  298. title : '错误提示',
  299. msg : '删除时发生错误!',
  300. buttons : Ext.Msg.OK,
  301. icon : Ext.Msg.ERROR
  302. });
  303. }
  304. });
  305. }
  306. });
  307. }
  308. }
  309. });
  311. var searchDept = function() {
  312. ds_dept.baseParams.conditions = text_search_dept.getValue();// + ',' +
  313. // cbb_company_for_dept.getValue();
  314. ds_dept.load({
  315. params : {
  316. start : 0,
  317. limit : 20
  318. }
  319. });
  320. }
  322. var btn_search_dept = new Ext.Button({
  323. text : '查询',
  324. iconCls : 'icon-search',
  325. handler : searchDept
  326. });
  328. var cbb_company_for_dept = new Ext.form.ComboBox({
  329. name : 'companyName',
  330. width : 120,
  331. displayField : 'companyName',
  332. mode : 'remote',
  333. store : ds_company_select,
  334. selectOnFocus : true,
  335. triggerAction : 'all',
  336. loadingText : '加载中...',
  337. emptyText : '公司名称'
  338. });
  340. var text_search_dept = new Ext.form.TextField({
  341. name : 'textSearchDept',
  342. width : 200,
  343. emptyText : '多条件可用逗号或者空格隔开!',
  344. listeners : {
  345. 'specialkey' : function(field, e) {
  346. if (e.getKey() == Ext.EventObject.ENTER) {
  347. searchDept();
  348. }
  349. }
  350. }
  351. });
  353. var ds_dept = new Ext.data.Store({
  354. proxy : new Ext.data.HttpProxy({
  355. url : 'findAllDept.action'
  356. }),
  357. reader : new Ext.data.JsonReader({
  358. totalProperty : 'totalProperty',
  359. root : 'root'
  360. }, [{
  361. name : 'deptId',
  362. type : 'int'
  363. }, {
  364. name : 'deptName',
  365. type : 'string'
  366. }, {
  367. name : 'companyId',
  368. type : 'int'
  369. }, {
  370. name : 'companyName',
  371. type : 'string'
  372. }, {
  373. name : 'address',
  374. type : 'string'
  375. }, {
  376. name : 'tellPhone',
  377. type : 'string'
  378. }, {
  379. name : 'leader',
  380. type : 'string'
  381. }, {
  382. name : 'mobilePhone',
  383. type : 'string'
  384. }, {
  385. name : 'remark',
  386. type : 'string'
  387. }])
  388. });
  390. var companyId; // 存储部门修改时分公司下拉的分公司id
  392. var grid_dept = new Ext.grid.EditorGridPanel({
  393. title : '部门管理',
  394. iconCls : 'icon-plugin',
  395. region : 'center',
  396. loadMask : {
  397. msg : '数据加载中...'
  398. },
  399. cm : cm_dept,
  400. ds : ds_dept,
  401. sm : new Ext.grid.RowSelectionModel({
  402. singleSelect : true
  403. }),
  404. enableColumnMove : false,
  405. trackMouseOver : false,
  406. frame : true,
  407. autoExpandColumn : 'remark',
  408. clicksToEdit : 1,
  409. tbar : [btn_add_dept, '-', btn_del_dept, '-', // cbb_company_for_dept,
  410. // '-', '&nbsp;&nbsp;',
  411. text_search_dept, btn_search_dept],
  412. bbar : new Ext.PagingToolbar({
  413. pageSize : 20,
  414. store : ds_dept,
  415. displayInfo : true,
  416. displayMsg : '第 {0} - {1} 条  共 {2} 条',
  417. emptyMsg : "没有记录"
  418. }),
  419. listeners : {
  420. 'afteredit' : function(e) {
  421. Ext.Ajax.request({
  422. url : 'updateDept.action',
  423. params : {
  424. fieldName : e.field,
  425. fieldValue : e.value,
  426. companyId : e.field == 'companyName' ? companyId : null,
  427. deptId : e.record.data.deptId
  428. },
  429. success : function() {
  430. // alert("数据修改成功！");
  431. },
  432. failure : function() {
  433. Ext.Msg.show({
  434. title : '错误提示',
  435. msg : '修改数据发生错误,操作将被回滚!',
  436. fn : function() {
  437. e.record.set(e.field, e.originalValue);
  438. },
  439. buttons : Ext.Msg.OK,
  440. icon : Ext.Msg.ERROR
  441. });
  442. }
  443. });
  444. }
  445. }
  446. });
  448. var p_dept = {
  449. id : 'dept-panel',
  450. border : false,
  451. layout : 'border',
  452. items : [grid_dept]
  453. }