yctb-SpringBoot/web/jsp/shoudan/txzj/js/MenuTree.js

/**
 * 左侧目录
 */
function MenuTree(){};
MenuTree.prototype = {
		construct: MenuTree,
		init: function(){
			var self = this;
			//注册选项点击事件
			$('.menuTree').delegate('.menuTreeItem','click',function(){
				var sdzlid = $(this).attr('data-key');
				eventProxy.emit('收单资料选中',{
					sdzlid: sdzlid
				});
			})
			
			$('.menuTree').delegate('.menuTreeItem','mouseenter',function(){
				$(this).addClass('hover');
			})
			
			$('.menuTree').delegate('.menuTreeItem','mouseleave',function(){
				$(this).removeClass('hover');
			})
			
			eventProxy.on('收单资料选中',function(data){
				var sdzlid = data['sdzlid'];
				self.selectById(sdzlid);
			});
			
			//动态调整高度
			$('ul.menuTreeList').height($('div.container').height()*0.4);
		},
		/**
		 * 读取列表数据
		 * @param itemList
		 */
		load: function(itemList){
			this._itemList = itemList;
		},
		/**
		 * 渲染界面
		 */
		flush: function(){
			$('.menuTreeList').empty();
			var itemList = this._itemList;
			for(var i=0;i<itemList.length;i++){
				var item = itemList[i];
				var key = item['key'];
				var value = item['value'];
				var element = '<li data-key="'+key+'" class="menuTreeItem"><span>'+value+'</span>'+'</li>';
				$('.menuTreeList').append(element);
			}
		},
		/**
		 * 选择子项(通过ID)
		 * @param id
		 */
		selectById: function(id){
			var itemList = this._itemList;
			for(var i=0;i<itemList.length;i++){
				var item = itemList[i];
				var key = item['key'];
				if(id == key){
					//dom处理
					$('.menuTreeItem[data-key="'+id+'"]').addClass('selected').siblings().removeClass('selected');
					this._curItem = item;
					return;
				}
			}
		},
		/**
		 * 获取当前选中的项目
		 */
		getSelectedItem: function(){
			return this._curItem;
		}
};
var menuTree = new MenuTree();