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

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

Web服务器

开发平台：

Java

category.js：源码内容
  1. // --------------分类相关--------------
  2. var Category = Ext.data.Record.create([{
  3. name : 'categoryId',
  4. mapping : 'categoryId',
  5. type : 'int'
  6. }, {
  7. name : 'categoryName',
  8. mapping : 'categoryName',
  9. type : 'string'
  10. }, {
  11. name : 'subjectId',
  12. mapping : 'subjectId',
  13. type : 'int'
  14. }, {
  15. name : 'subjectName',
  16. mapping : 'subjectName',
  17. type : 'string'
  18. }, {
  19. name : 'remark',
  20. mapping : 'remark',
  21. type : 'string'
  22. }]);
  24. var subjectId;
  26. var ds_subject_select = new Ext.data.Store({
  27. proxy : new Ext.data.HttpProxy({
  28. url : 'findAllSubject.action'
  29. }),
  30. reader : new Ext.data.JsonReader({
  31. root : 'root'
  32. }, [{
  33. name : 'subjectId',
  34. type : 'int'
  35. }, {
  36. name : 'subjectName',
  37. type : 'string'
  38. }])
  39. });
  41. var cm_category = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
  42. header : '分类名称',
  43. width : 90,
  44. dataIndex : 'categoryName',
  45. sortable : true,
  46. editor : new Ext.form.TextField({
  47. allowBlank : false,
  48. maxLength : 50
  49. })
  50. }, {
  51. header : '所属科目',
  52. width : 90,
  53. sortable : true,
  54. dataIndex : 'subjectName',
  55. editor : new Ext.form.ComboBox({
  56. store : ds_subject_select,
  57. displayField : 'subjectName',
  58. valueField : 'subjectName',
  59. mode : 'remote',
  60. allowBlank : false,
  61. editable : false,
  62. triggerAction : 'all',
  63. listWidth : 130,
  64. listeners : {
  65. 'select' : function(combo, record, index) {
  66. subjectId = record.data.subjectId;
  67. }
  68. }
  69. })
  70. }, {
  71. header : '备注',
  72. id : 'remark',
  73. dataIndex : 'remark',
  74. menuDisabled : true,
  75. editor : new Ext.form.TextField({
  76. maxLength : 200
  77. })
  78. }]);
  80. cm_category.defaultSortable = false;
  82. var window_add_category = new Ext.Window({
  83. title : '添加分类',
  84. width : 350,
  85. height : 440,
  86. resizable : false,
  87. autoHeight : true,
  88. modal : true,
  89. closeAction : 'hide',
  90. listeners : {
  91. 'hide' : function() {
  92. this.setTitle('添加分类');
  93. this.findById('category.categoryName').ownerCt.form.reset();
  94. }
  95. },
  96. items : [new Ext.FormPanel({
  97. labelWidth : 70,
  98. labelAlign : 'right',
  99. url : 'saveCategory.action',
  100. border : false,
  101. baseCls : 'x-plain',
  102. bodyStyle : 'padding:5px 5px 0',
  103. anchor : '100%',
  104. defaults : {
  105. width : 233,
  106. msgTarget : 'side'
  107. },
  108. defaultType : 'textfield',
  109. items : [{
  110. fieldLabel : '分类名称',
  111. id : 'category.categoryName',
  112. name : 'category.categoryName',
  113. allowBlank : false,
  114. maxLength : 50
  115. }, {
  116. xtype : 'combo',
  117. fieldLabel : '所属科目',
  118. id : 'subject',
  119. hiddenName : 'category.subjectId',
  120. valueField : 'subjectId',
  121. displayField : 'subjectName',
  122. mode : 'remote',
  123. store : ds_subject_select,
  124. selectOnFocus : true,
  125. editable : false,
  126. allowBlank : false,
  127. triggerAction : 'all',
  128. loadingText : '加载中...',
  129. emptyText : '科目名称',
  130. listeners : { // 获得下拉文本内容,解决id,value都要的情况
  131. 'select' : function(combo, record, index) {
  132. this.ownerCt.form.findField('category.subjectName').setValue(record.data.subjectName);
  133. }
  134. }
  135. }, {
  136. xtype : 'hidden',
  137. name : 'category.subjectName'
  138. }, {
  139. fieldLabel : '备注',
  140. name : 'category.remark',
  141. xtype : 'textarea',
  142. maxLength : 200
  143. }],
  144. buttonAlign : 'right',
  145. minButtonWidth : 60,
  146. buttons : [{
  147. text : '添加',
  148. handler : function(btn) {
  149. var frm = this.ownerCt.form;
  150. if (frm.isValid()) {
  151. btn.disable();
  152. var dnfield = frm.findField('category.categoryName');
  153. frm.submit({
  154. waitTitle : '请稍候',
  155. waitMsg : '正在提交表单数据,请稍候...',
  156. success : function(form, action) {
  157. var store = grid_category.getStore();
  158. if (store.data.length <= 20) {
  159. var category = new Category({
  160. categoryId : action.result.categoryId,
  161. categoryName : dnfield.getValue(),
  162. subjectId : form.findField('category.subjectId').getValue(),
  163. subjectName : Ext.get('subject').dom.value,
  164. remark : form.findField('category.remark').getValue()
  165. });
  166. store.insert(0, [category]);
  167. if (store.data.length > 20) {
  168. store.remove(store.getAt(store.data.length - 1));
  169. }
  170. }
  171. window_add_category.setTitle('[ ' + dnfield.getValue() + ' ]   添加成功!!');
  172. dnfield.reset();
  173. btn.enable();
  174. },
  175. failure : function() {
  176. Ext.Msg.show({
  177. title : '错误提示',
  178. msg : '"' + dnfield.getValue() + '" ' + '名称可能已经存在!',
  179. buttons : Ext.Msg.OK,
  180. fn : function() {
  181. dnfield.focus(true);
  182. btn.enable();
  183. },
  184. icon : Ext.Msg.ERROR
  185. });
  186. }
  187. });
  188. }
  189. }
  190. }, {
  191. text : '重置',
  192. handler : function() {
  193. this.ownerCt.form.reset();
  194. }
  195. }, {
  196. text : '取消',
  197. handler : function() {
  198. this.ownerCt.ownerCt.hide();
  199. }
  200. }]
  201. })]
  202. });
  204. var btn_add_category = new Ext.Button({
  205. text : '添加分类',
  206. iconCls : 'icon-add',
  207. handler : function() {
  208. window_add_category.show();
  209. }
  210. });
  212. var btn_del_category = new Ext.Button({
  213. text : '删除分类',
  214. iconCls : 'icon-del',
  215. handler : function() {
  216. var record = grid_category.getSelectionModel().getSelected();
  217. if (record) {
  218. Ext.Msg.confirm('确认删除', '你确定删除该条记录?', function(btn) {
  219. if (btn == 'yes') {
  220. Ext.Ajax.request({
  221. url : 'deleteCategory.action',
  222. params : {
  223. categoryId : record.data.categoryId
  224. },
  225. success : function() {
  226. grid_category.getStore().remove(record);
  227. },
  228. failure : function() {
  229. Ext.Msg.show({
  230. title : '错误提示',
  231. msg : '删除时发生错误!',
  232. buttons : Ext.Msg.OK,
  233. icon : Ext.Msg.ERROR
  234. });
  235. }
  236. });
  237. }
  238. });
  239. }
  240. }
  241. });
  243. var searchCategory = function() {
  244. ds_category.baseParams.conditions = text_search_category.getValue();// + ','
  245. // +
  246. // cbb_company_for_dept.getValue();
  247. ds_category.load({
  248. params : {
  249. start : 0,
  250. limit : 20
  251. }
  252. });
  253. }
  255. var btn_search_category = new Ext.Button({
  256. text : '查询',
  257. iconCls : 'icon-search',
  258. handler : searchCategory
  259. });
  261. var cbb_subject_for_category = new Ext.form.ComboBox({
  262. name : 'subjectName',
  263. width : 120,
  264. displayField : 'subjectName',
  265. mode : 'remote',
  266. store : ds_subject_select,
  267. selectOnFocus : true,
  268. triggerAction : 'all',
  269. loadingText : '加载中...',
  270. emptyText : '科目名称'
  271. });
  273. var text_search_category = new Ext.form.TextField({
  274. name : 'textSearchCategory',
  275. width : 200,
  276. emptyText : '多条件可用逗号或者空格隔开!',
  277. listeners : {
  278. 'specialkey' : function(field, e) {
  279. if (e.getKey() == Ext.EventObject.ENTER) {
  280. searchCategory();
  281. }
  282. }
  283. }
  284. });
  286. var ds_category = new Ext.data.Store({
  287. proxy : new Ext.data.HttpProxy({
  288. url : 'findAllCategory.action'
  289. }),
  290. reader : new Ext.data.JsonReader({
  291. totalProperty : 'totalProperty',
  292. root : 'root'
  293. }, [{
  294. name : 'categoryId',
  295. type : 'int'
  296. }, {
  297. name : 'categoryName',
  298. type : 'string'
  299. }, {
  300. name : 'subjectId',
  301. type : 'int'
  302. }, {
  303. name : 'subjectName',
  304. type : 'string'
  305. }, {
  306. name : 'remark',
  307. type : 'string'
  308. }])
  309. });
  311. var grid_category = new Ext.grid.EditorGridPanel({
  312. title : '分类管理',
  313. iconCls : 'icon-plugin',
  314. region : 'center',
  315. loadMask : {
  316. msg : '数据加载中...'
  317. },
  318. cm : cm_category,
  319. ds : ds_category,
  320. sm : new Ext.grid.RowSelectionModel({
  321. singleSelect : true
  322. }),
  323. enableColumnMove : false,
  324. trackMouseOver : false,
  325. frame : true,
  326. autoExpandColumn : 'remark',
  327. clicksToEdit : 1,
  328. tbar : [btn_add_category, '-', btn_del_category, '-', // cbb_company_for_dept,
  329. // '-',
  330. // '&nbsp;&nbsp;',
  331. text_search_category, btn_search_category],
  332. bbar : new Ext.PagingToolbar({
  333. pageSize : 20,
  334. store : ds_category,
  335. displayInfo : true,
  336. displayMsg : '第 {0} - {1} 条  共 {2} 条',
  337. emptyMsg : "没有记录"
  338. }),
  339. listeners : {
  340. 'afteredit' : function(e) {
  341. Ext.Ajax.request({
  342. url : 'updateCategory.action',
  343. params : {
  344. fieldName : e.field,
  345. fieldValue : e.value,
  346. subjectId : e.field == 'subjectName' ? subjectId : null,
  347. categoryId : e.record.data.categoryId
  348. },
  349. success : function() {
  350. // alert("数据修改成功！");
  351. },
  352. failure : function() {
  353. Ext.Msg.show({
  354. title : '错误提示',
  355. msg : '修改数据发生错误,操作将被回滚!',
  356. fn : function() {
  357. e.record.set(e.field, e.originalValue);
  358. },
  359. buttons : Ext.Msg.OK,
  360. icon : Ext.Msg.ERROR
  361. });
  362. }
  363. });
  364. }
  365. }
  366. });
  368. var p_category = {
  369. id : 'category-panel',
  370. border : false,
  371. layout : 'border',
  372. items : [grid_category]
  373. }