`

基于easyui的桌面app

阅读更多

基于easyui的桌面app,支持更换桌面,更换图标大小

 

 

_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);
		}
	}
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    基于EasyUI实现windows桌面

    EasyUI是一个基于jQuery的轻量级框架,它提供了丰富的组件和UI设计工具,使得开发者能够快速构建出类似桌面操作系统的网页应用。本项目以"基于EasyUI实现windows桌面"为主题,旨在为用户在非IE8以下的所有现代浏览器...

    基于easyUi框架OA办公管理系统页面模板VIP.rar

    jQuery基于easyUi前端框架开发OA办公安全管理界面模板。包括功能菜单、权限管理、用户管理、人员管理、部门管理、角色管理、表格管理、表单管理、报表管理、统计分析、流程图、地图、日程管理等十多个界面。

    基于easyui做的一套管理系统

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件和易于使用的API,用于快速构建美观且功能强大的Web应用程序。在这个“基于easyui做的一套管理系统”中,我们可以推测开发者利用 EasyUI 的功能创建了一个...

    基于EasyUI的仓库管理系统

    《基于EasyUI的仓库管理系统详解》 在当今信息化社会,企业对仓库管理的效率与准确性提出了更高的要求。基于EasyUI的仓库管理系统应运而生,它利用先进的Web技术和易用的用户界面,为企业提供了一种高效、便捷的...

    基于jquery-easyui的用户管理系统实例

    【基于jQuery EasyUI的用户管理系统】是一个典型的Web应用程序实例,它利用了jQuery EasyUI这个强大的前端框架来构建用户友好的界面,并结合后端技术(如PHP)处理数据交互。EasyUI是一个基于jQuery的UI库,提供了...

    基于easyui的仓库管理系统.

    《基于EasyUI的仓库管理系统详解》 仓库管理系统是企业日常运营中的重要组成部分,它负责管理库存物品的入库、出库、盘点以及库存状态等信息,有效地提升了企业的物流管理效率。在信息化时代,采用基于Web的仓库...

    HTA+EasyUI桌面程序

    EasyUI则是一个基于jQuery的UI库,主要用于简化网页前端开发,提供了一系列美观的组件和布局,如表格、表单、按钮、菜单、对话框等,使得开发者能够快速构建出界面优雅且功能强大的Web应用。在HTA中集成EasyUI,可以...

    基于easyui的通用导出

    【基于EasyUI的通用导出】是一个功能模块,主要用于在使用EasyUI数据网格时实现数据的便捷导出。EasyUI是一个基于jQuery的UI框架,它提供了丰富的组件和样式,简化了Web开发中的界面构建工作。在这个场景下,我们...

    基于EasyUI的登录页面

    EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,简化了网页界面的设计与开发。本项目"基于EasyUI的登录页面"就是利用EasyUI来创建一个功能完备、易于拓展的登录界面。 首先,EasyUI的核心理念是“简单...

    基于easyui的文档管理系统springmvc+mybaits实现

    基于easyui的文档管理系统springmvc+mybaits实现,有详细的设计过程以及数据库设计文档等,并且可以直接运行使用,具体可以查看介绍https://my.oschina.net/u/3500033/blog/1828156

    基于Easyui和Thinkphp的php-easyui演示系统设计源码

    本项目基于Easyui和Thinkphp开发,包含296个文件,包括PNG图片、PHP源代码、HTML页面、JavaScript脚本、GIF动画、CSS样式表、TPL模板文件、数据库文件、HTACCESS文件和DAT数据文件。系统实现了基于Easyui和Thinkphp...

    一个基于easyui的多人选择插件

    这个基于EasyUI的多人选择插件正是为了提升用户体验而设计的。EasyUI是一个轻量级的JavaScript库,它基于jQuery,提供了丰富的组件和易于使用的API,使得开发者能够快速构建美观的、功能齐全的前端界面。 标题中的...

    基于easyui 框架 通过读取json 文件 实现三联动效果

    基于easyui 框架 通过读取json 文件 实现三联动效果,index3.html 是基于jQuery 通过读取json 文件实现省市区三联动效果, index4.html是基于easyui 框架 实现的省市区三联动效果

    基于easyui的单选和多选框组件

    在IT领域,前端开发是构建用户界面的关键部分,而EasyUI是一个基于jQuery的轻量级框架,用于快速创建美观且功能丰富的Web应用。本项目聚焦于EasyUI中的单选框和多选框组件,这两个组件在数据选择和用户交互方面扮演...

    基于EasyUI的博客后台管理系统 v1.0

    基于三层架构的后台风格,可以学习下EasyUI开源框架,结合这个程序开发客户交互部分。功能如下:1.管理员通过前台页面进入后台管理模块后,对注册的博客用户进行管理,包括对注册用户的查找和删除。 2.管理员进入...

    基于easyui实现的activiti模型设计器

    EasyUI 是一套基于jQuery的UI组件库,用于快速构建用户界面,尤其适用于后台管理系统。将Activiti与EasyUI结合,可以创建一个直观、易用的模型设计器,使得业务人员和开发人员能够更便捷地设计和管理业务流程。 在...

    基于easyUi框架OA办公管理系统页面模板1.zip

    **基于EasyUI框架的OA办公管理系统页面模板** EasyUI是一个基于jQuery的前端UI库,它提供了丰富的组件,如表格、下拉菜单、对话框、树形控件等,用于快速构建用户界面。在OA(Office Automation)办公管理系统中,...

    基于EasyUI的后台管理系统案例 - 源码

    EasyUI 是一款基于 jQuery 的 UI 组件库,它提供了丰富的前端界面组件,如表格、树形结构、下拉框、按钮、对话框等,适用于快速构建功能完备的 Web 应用程序后台管理系统。本资源“基于EasyUI的后台管理系统案例 - ...

    基于easyui-textbox的颜色选择器及源码

    本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,使得开发者可以快速构建出美观、...

Global site tag (gtag.js) - Google Analytics