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"); /** * <a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>类。 * @author Cory */ dojo.declare( "org.cojoos.File",org.cojoos.FileReference,{ templateString: dojo.cache("org.cojoos","templates/File.html"),baseClass: "cojoosFile",/** * <a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>的图标 * @type String */ iconClass: "defaultFileIcon",/** * <a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>的<a href="/tag/zhaiyao/" target="_blank" class="keywords">摘要</a>。 * @type org.cojoos.FileSummary */ summary: new org.cojoos.FileSummary(),/** * 访问该<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>的时间，<a href="/tag/mo/" target="_blank" class="keywords">默</a>认为当前时间 * @type Date */ acce<a href="/tag/sst/" target="_blank" class="keywords">sst</a>ime: new Date(),/** * <a href="/tag/xiugai/" target="_blank" class="keywords">修改</a>该<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>的时间，<a href="/tag/mo/" target="_blank" class="keywords">默</a>认为当前时间 * @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.margin<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.iconContainerNode).h - dojo.margin<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.iconNode).h) / 2); dojo.style(this.iconNode,"marginTop",_t + "px"); dojo.style(this.iconMaskNode,_t + "px"); if (!dojo.isIE) { dojo.style(this.iconMaskNode,"marginLeft",Math.floor((dojo.margin<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.iconContainerNode).w - dojo.margin<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.iconNode).w) / 2) + "px"); } dojo.content<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.nameMaskNode,{w: dojo.content<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.nameNode).w,h: dojo.content<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.nameNode).h}); },/** * 该<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>聚焦时触发的事件 * @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.ge<a href="/tag/twind/" target="_blank" class="keywords">twind</a>ow().containerNode,"backgroundColor").toLowerCase())); this._setNameMaskCurrentHeight(); this.ge<a href="/tag/twind/" target="_blank" class="keywords">twind</a>ow().set("statusInfo",this.name); this.ge<a href="/tag/twind/" target="_blank" class="keywords">twind</a>ow().focusedChild = this; this._onHover(); this.onFocus(); },focus: function() { this.domNode.focus(); },/** * 该<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>失焦时触发的事件 * @tags private */ _onBlur: function(/* Event */evt) { dojo.removeClass(this.iconMaskNode,"focus"); dojo.removeClass(this.nameMaskNode,"focus"); dojo.removeClass(this.nameNode,"focus"); this._setNameMaskCurrentHeight(); this.ge<a href="/tag/twind/" target="_blank" class="keywords">twind</a>ow().set("statusInfo",""); this._onUnhover(); this.onBlur(); },_setNameMaskCurrentHeight: function() { dojo.content<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.nameMaskNode,{h: dojo.content<a href="/tag/Box/" target="_blank" class="keywords">Box</a>(this.nameNode).h}); },_onHover: function() { dijit.showTooltip(this.tooltip || this.name,this.focusNode,["after","before"],true); },_onUnhover: function() { dijit.hid<a href="/tag/eto/" target="_blank" class="keywords">eto</a>oltip(this.focusNode); },_onClick: function() { this._onUnhover(); this.onClick(); },_onDblClick: function() {this.onDblClick();} } );