基于easyui的桌面app

基于easyui的桌面app,支持更换桌面,更换图标大小基于easyui的桌面app_第1张图片

基于easyui的桌面app_第2张图片

 

 

_desktop = $('body').app({
			wallpaper : 'images/wallpaper/4.jpg',
			iconSize : 48,
			loadUrl : {
				app : 'json/apps.json',
				startMenu : 'json/startMenu.json',
				widget : 'json/widget.json'
			},
			onTaskBlankContextMenu : onTaskMenu, //任务栏右键事件
			onAppContextMenu : onAppMenu, // app右键事件
			onWallContextMenu : onWallMenu, // 桌面右键事件.
			onStartMenuClick : onStartMenuClick	// 开始菜单点击事件
		});
 

 

//桌面右键菜单事件
	function onWallMenu(e , appid){
		_wallMenu.menu('show', {
			left : e.pageX,
			top : e.pageY
		});
		e.preventDefault();
	}
	
	//桌面右键菜单点击
	function onWallMenuClick(item){
		var data = $(item.target).data("data");
		if (data.id && data.id.indexOf("pic") >= 0) {
			_desktop.app('setwallpaper', data.href);
		}else if(data.id && data.id.indexOf("size") >= 0){
			_desktop.app('seticonsize', data.size);
		} else {
			console.info(data);
			_desktop.app("createwindow", data);
		}
	}
 

 

//桌面图标右键事件
	function onAppMenu(e, appid) {
		_appMenu.menu('show', {
			left : e.pageX,
			top : e.pageY
		});
		APPID = appid;
	}
	
	//桌面图标右键事件 -- 点击
	function onAppMenuClick(item){
		if (item.text == '打开') {
			$("li[app_id='" + APPID + "']").dblclick();
		}else if(item.text == '关闭') {
			_desktop.app('closeapp',APPID);
		}
	}

 //任务栏右键事件 -- 点击

	function onTaskMenuClick(item){
		if (item.text == '打开') {
			_desktop.app('openapp',APPID);
		}else if(item.text == '关闭'){
			_desktop.app('closeapp',APPID);
		}else if(item.text == '最大化'){
			_desktop.app('openapp',APPID);
			$("#app_window_" + APPID).window('maximize');
		}else if(item.text == '最小化'){
			$("#app_window_" + APPID).window('minimize');
		}else if(item.text == '关闭所有'){
			_desktop.app('closeall');
		}else if(item.text == '关闭其他'){
			var _taskbar = _desktop.app('taskbar');
			console.info(_taskbar);
		}
	}

你可能感兴趣的:(jQuery,javascript)