Global.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /*
  2. * @Description:
  3. * @Author: hy
  4. * @Date: 2019-08-12 17:59:33
  5. * @LastEditTime: 2019-08-15 10:46:59
  6. */
  7. Ext.define('uas.controller.Global', {
  8. extend: 'Ext.app.Controller',
  9. namespace: 'uas',
  10. stores: [
  11. 'Navigation'
  12. ],
  13. config: {
  14. control: {
  15. 'navigation-tree': {
  16. selectionchange: 'onTreeNavSelectionChange'
  17. }
  18. },
  19. refs: {
  20. viewport: 'viewport',
  21. navigationTree: 'navigation-tree',
  22. contentPanel: 'contentPanel',
  23. },
  24. routes : {
  25. ':target': {
  26. action: 'handleRoute',
  27. before: 'beforeHandleRoute'
  28. }
  29. }
  30. },
  31. beforeHandleRoute: function(target, action) {
  32. let me = this,
  33. className = Ext.ClassManager.getNameByAlias('widget.' + target),
  34. ViewClass = Ext.ClassManager.get(className);
  35. if(!!ViewClass) {
  36. //resume action
  37. action.resume();
  38. }else {
  39. new Ext.Promise(function (resolve, reject) {
  40. Ext.require(className,function(){
  41. resolve();
  42. });
  43. }).then(function(){
  44. if(!!Ext.ClassManager.get(className)) {
  45. action.resume();
  46. }else{
  47. Ext.Msg.alert(
  48. '创建组件失败',
  49. '确定以返回首页',
  50. function() {
  51. // TODO 路由跳转并不会引起页面刷新,待解决
  52. me.redirectTo(me.getApplication().getDefaultToken());
  53. }
  54. );
  55. //stop action
  56. action.stop();
  57. }
  58. }).catch(function(e){
  59. Ext.Msg.alert(
  60. '加载异常',
  61. '确定以返回首页',
  62. function() {
  63. // TODO 路由跳转并不会引起页面刷新,待解决
  64. me.redirectTo(me.getApplication().getDefaultToken());
  65. }
  66. );
  67. action.stop();
  68. })
  69. }
  70. },
  71. handleRoute: function(target) {
  72. let me = this,
  73. contentPanel = me.getContentPanel(),
  74. store = Ext.StoreMgr.get('Navigation'),
  75. node = store.findNode('target', target),
  76. title = node.get('text');
  77. this.getViewport().getViewModel().set('selectedNode', node);
  78. Ext.suspendLayouts();
  79. contentPanel.removeAll(true);
  80. className = Ext.ClassManager.getNameByAlias('widget.' + target);
  81. ViewClass = Ext.ClassManager.get(className);
  82. cmp = new ViewClass();
  83. contentPanel.add(cmp);
  84. me.updateTitle(title);
  85. if (cmp.floating) {
  86. Ext.resumeLayouts(true);
  87. cmp.show();
  88. Ext.suspendLayouts();
  89. }
  90. Ext.resumeLayouts(true);
  91. },
  92. onTreeNavSelectionChange: function(treelist, record, eOpts) {
  93. let target = record.get('target');
  94. if(target) {
  95. this.redirectTo(target);
  96. }
  97. },
  98. updateTitle: function(title) {
  99. let contentPanel = this.getContentPanel();
  100. if (contentPanel.setTitle) {
  101. contentPanel.setTitle(title);
  102. }
  103. document.title = document.title.split(' - ')[0] + ' - ' + title;
  104. }
  105. });