|
|
@@ -139,79 +139,8 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
singleSelect: true,
|
|
|
itemSelector: 'menu',
|
|
|
listeners: {
|
|
|
- boxready: function (view, width, height, eOpts) {
|
|
|
- var menu = view.up('menu'),
|
|
|
- menuView = view.el.dom.getElementsByClassName('x-navitem-menu')[0],
|
|
|
- menuBox = menuView.getBoundingClientRect(),
|
|
|
- menuViewWidth = menuBox.width + me.menuPadding * 2,
|
|
|
- menuViewHeight = menuBox.height + me.menuPadding * 2,
|
|
|
- menuItem = menuView.getElementsByClassName('menuitem');
|
|
|
-
|
|
|
- menu.setWidth(menuViewWidth);
|
|
|
- menu.setHeight(menuViewHeight);
|
|
|
- menu.updateLayout();
|
|
|
-
|
|
|
- view.el.dom.addEventListener('mouseenter', function (e) {
|
|
|
- menu.show();
|
|
|
- menu.navItem.classList.add(menu.navView.overItemCls);
|
|
|
- });
|
|
|
-
|
|
|
- view.el.dom.addEventListener('mouseleave', function (e) {
|
|
|
- menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
- menu.hide();
|
|
|
- // var ex = e.clientX,
|
|
|
- // ey = e.clientY,
|
|
|
- // box = menuView.getBoundingClientRect(),
|
|
|
- // navItem = menu.navItem,
|
|
|
- // navBox = navItem.getBoundingClientRect();
|
|
|
-
|
|
|
- // if ((ex <= box.left && (ey <= (navBox.top - 5) || ey >= (navBox.top + navBox.height))) || ey <= (box.top - 5) || ex >= (box.left + box.width + 5) || ey >= (box.top + box.height + 5)) {
|
|
|
- // menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
- // menu.hide();
|
|
|
- // }
|
|
|
- });
|
|
|
-
|
|
|
- Ext.Array.each(menuItem, function (mi) {
|
|
|
- var menuItemText = mi.getElementsByClassName('item-text');
|
|
|
- var menuItemIcon = mi.getElementsByClassName('item-icon');
|
|
|
-
|
|
|
- Ext.Array.each(menuItemText, function (item) {
|
|
|
- item.addEventListener('click', function (e) {
|
|
|
- var target = e.target,
|
|
|
- dataset = target.dataset,
|
|
|
- viewType = dataset.viewtype,
|
|
|
- type = dataset.type,
|
|
|
- text = dataset.text,
|
|
|
- config = dataset.config,
|
|
|
- id = dataset.id;
|
|
|
-
|
|
|
- var tabTitle = text,
|
|
|
- tabId = 'maintab-' + type + '-' + id;
|
|
|
-
|
|
|
- menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
- saas.util.BaseUtil.openTab(viewType, tabTitle, tabId,config);
|
|
|
- menu.hide();
|
|
|
- });
|
|
|
- });
|
|
|
- Ext.Array.each(menuItemIcon, function (item) {
|
|
|
- item.addEventListener('click', function (e) {
|
|
|
- var target = e.target,
|
|
|
- dataset = target.dataset,
|
|
|
- viewType = dataset.viewtype,
|
|
|
- type = dataset.type,
|
|
|
- text = dataset.text,
|
|
|
- id = dataset.id;
|
|
|
-
|
|
|
- var tabTitle ='新增' + text,
|
|
|
- tabId = viewType + '-add';
|
|
|
-
|
|
|
- menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
- saas.util.BaseUtil.openTab(viewType, tabTitle, tabId);
|
|
|
- menu.hide();
|
|
|
- });
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
+ // boxready: function (view, width, height, eOpts) {
|
|
|
+ // },
|
|
|
}
|
|
|
});
|
|
|
var menu = Ext.create('Ext.menu.Menu', {
|
|
|
@@ -226,7 +155,86 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
items: [view]
|
|
|
});
|
|
|
}
|
|
|
+ menu.items.items[0].store.removeAll();
|
|
|
+ menu.items.items[0].store.loadData(menuItems);
|
|
|
menu.showAt(pos);
|
|
|
+ me.refresh(menu.items.items[0],pos)
|
|
|
+ },
|
|
|
+
|
|
|
+ refresh:function(view,pos){
|
|
|
+ var me = this;
|
|
|
+ var menu = view.up('menu'),
|
|
|
+ menuView = view.el.dom.getElementsByClassName('x-navitem-menu')[0],
|
|
|
+ menuBox = menuView.getBoundingClientRect(),
|
|
|
+ menuViewWidth = menuBox.width + me.menuPadding * 2,
|
|
|
+ menuViewHeight = menuBox.height + me.menuPadding * 2,
|
|
|
+ menuItem = menuView.getElementsByClassName('menuitem');
|
|
|
+
|
|
|
+ menu.setX(pos[0]);
|
|
|
+ menu.setWidth(menuViewWidth);
|
|
|
+ menu.setHeight(menuViewHeight);
|
|
|
+ menu.updateLayout();
|
|
|
+
|
|
|
+ view.el.dom.addEventListener('mouseenter', function (e) {
|
|
|
+ menu.show();
|
|
|
+ menu.navItem.classList.add(menu.navView.overItemCls);
|
|
|
+ });
|
|
|
+
|
|
|
+ view.el.dom.addEventListener('mouseleave', function (e) {
|
|
|
+ menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
+ menu.hide();
|
|
|
+ // var ex = e.clientX,
|
|
|
+ // ey = e.clientY,
|
|
|
+ // box = menuView.getBoundingClientRect(),
|
|
|
+ // navItem = menu.navItem,
|
|
|
+ // navBox = navItem.getBoundingClientRect();
|
|
|
+
|
|
|
+ // if ((ex <= box.left && (ey <= (navBox.top - 5) || ey >= (navBox.top + navBox.height))) || ey <= (box.top - 5) || ex >= (box.left + box.width + 5) || ey >= (box.top + box.height + 5)) {
|
|
|
+ // menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
+ // menu.hide();
|
|
|
+ // }
|
|
|
+ });
|
|
|
+
|
|
|
+ Ext.Array.each(menuItem, function (mi) {
|
|
|
+ var menuItemText = mi.getElementsByClassName('item-text');
|
|
|
+ var menuItemIcon = mi.getElementsByClassName('item-icon');
|
|
|
+
|
|
|
+ Ext.Array.each(menuItemText, function (item) {
|
|
|
+ item.addEventListener('click', function (e) {
|
|
|
+ var target = e.target,
|
|
|
+ dataset = target.dataset,
|
|
|
+ viewType = dataset.viewtype,
|
|
|
+ type = dataset.type,
|
|
|
+ text = dataset.text,
|
|
|
+ config = dataset.config,
|
|
|
+ id = dataset.id;
|
|
|
+
|
|
|
+ var tabTitle = text,
|
|
|
+ tabId = 'maintab-' + type + '-' + id;
|
|
|
+
|
|
|
+ menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
+ saas.util.BaseUtil.openTab(viewType, tabTitle, tabId,config);
|
|
|
+ menu.hide();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ Ext.Array.each(menuItemIcon, function (item) {
|
|
|
+ item.addEventListener('click', function (e) {
|
|
|
+ var target = e.target,
|
|
|
+ dataset = target.dataset,
|
|
|
+ viewType = dataset.viewtype,
|
|
|
+ type = dataset.type,
|
|
|
+ text = dataset.text,
|
|
|
+ id = dataset.id;
|
|
|
+
|
|
|
+ var tabTitle ='新增' + text,
|
|
|
+ tabId = viewType + '-add';
|
|
|
+
|
|
|
+ menu.navItem.classList.remove(menu.navView.overItemCls);
|
|
|
+ saas.util.BaseUtil.openTab(viewType, tabTitle, tabId);
|
|
|
+ menu.hide();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
hideNavMenu: function (view, record, item, index, e, eOpts) {
|