CojoOS 基于Dojo的Web OShttp://www.satsuns.com/dojo/621.html

CojoOS 基于Dojo的Web OS

 

http://www.satsuns.com/dojo/621.html

 

基于Dojo的Web OS，提供良好的用户体验，很炫的特效，提供后台数据传输接口。 该项目可用在各个系统上，可让系统界面开发成本大量减少，质量提高！

查看更多内容：SatSun工作室 DOJO

示例代码：

文件类：

dojo.provide("org.cojoos.File"); dojo.require("dijit.Tooltip"); dojo.require("org.cojoos.FileReference"); dojo.require("org.cojoos.FileSummary"); dojo.require("org.cojoos.utils.ColorUtil"); /** * 文件类。 * @author Cory */ dojo.declare( "org.cojoos.File", org.cojoos.FileReference, { templateString: dojo.cache("org.cojoos", "templates/File.html"), baseClass: "cojoosFile", /** * 文件的图标 * @type String */ iconClass: "defaultFileIcon", /** * 文件的摘要。 * @type org.cojoos.FileSummary */ summary: new org.cojoos.FileSummary(), /** * 访问该文件的时间，默认为当前时间 * @type Date */ accessTime: new Date(), /** * 修改该文件的时间，默认为当前时间 * @type Date */ modifiedTime: new Date(), postCreate: function() { this.inherited(arguments); dojo.attr(this.iconMaskNode, { style: {opacity: 0.5} }); this._setAlign(); }, _setAlign: function() { var _t = Math.floor((dojo.marginBox(this.iconContainerNode).h - dojo.marginBox(this.iconNode).h) / 2); dojo.style(this.iconNode, "marginTop", _t + "px"); dojo.style(this.iconMaskNode, "marginTop", _t + "px"); if (!dojo.isIE) { dojo.style(this.iconMaskNode, "marginLeft", Math.floor((dojo.marginBox(this.iconContainerNode).w - dojo.marginBox(this.iconNode).w) / 2) + "px"); } dojo.contentBox(this.nameMaskNode, {w: dojo.contentBox(this.nameNode).w, h: dojo.contentBox(this.nameNode).h}); }, /** * 该文件聚焦时触发的事件 * @tags private */ _onFocus: function(/* Event */evt) { dojo.addClass(this.iconMaskNode, "focus"); dojo.addClass(this.nameMaskNode, "focus"); dojo.addClass(this.nameNode, "focus"); dojo.style(this.nameMaskNode, "borderColor", org.cojoos.utils.ColorUtil.invertColor(dojo.style(this.getWindow().containerNode, "backgroundColor").toLowerCase())); this._setNameMaskCurrentHeight(); this.getWindow().set("statusInfo", this.name); this.getWindow().focusedChild = this; this._onHover(); this.onFocus(); }, focus: function() { this.domNode.focus(); }, /** * 该文件失焦时触发的事件 * @tags private */ _onBlur: function(/* Event */evt) { dojo.removeClass(this.iconMaskNode, "focus"); dojo.removeClass(this.nameMaskNode, "focus"); dojo.removeClass(this.nameNode, "focus"); this._setNameMaskCurrentHeight(); this.getWindow().set("statusInfo", ""); this._onUnhover(); this.onBlur(); }, _setNameMaskCurrentHeight: function() { dojo.contentBox(this.nameMaskNode, {h: dojo.contentBox(this.nameNode).h}); }, _onHover: function() { dijit.showTooltip(this.tooltip || this.name, this.focusNode, ["after", "before"], true); }, _onUnhover: function() { dijit.hideTooltip(this.focusNode); }, _onClick: function() { this._onUnhover(); this.onClick(); }, _onDblClick: function() {this.onDblClick();} } );