67 lines
2.0 KiB
JavaScript
67 lines
2.0 KiB
JavaScript
define("dojox/mobile/Icon", [
|
|
"dojo/_base/declare",
|
|
"dojo/_base/lang",
|
|
"dojo/dom-class",
|
|
"dojo/dom-construct",
|
|
"./iconUtils"
|
|
], function(declare, lang, domClass, domConstruct, iconUtils){
|
|
|
|
// module:
|
|
// dojox/mobile/Icon
|
|
|
|
return declare("dojox.mobile.Icon", null, {
|
|
// summary:
|
|
// A wrapper for image icon, CSS sprite icon, or DOM Button.
|
|
// description:
|
|
// Icon is an utility for creating an image icon, a CSS sprite icon,
|
|
// or a DOM Button. It calls iconUtils.createIcon() with given
|
|
// parameters to create an icon.
|
|
// Note that this module is not a widget, i.e., it does not inherit
|
|
// from dijit/_WidgetBase.
|
|
// example:
|
|
// Image icon:
|
|
// | <div data-dojo-type="dojox.mobile.Icon"
|
|
// | data-dojo-props='icon:"images/tab-icon-12h.png"'></div>
|
|
//
|
|
// CSS sprite icon:
|
|
// | <div data-dojo-type="dojox.mobile.Icon"
|
|
// | data-dojo-props='icon:"images/tab-icons.png",iconPos:"29,116,29,29"'></div>
|
|
//
|
|
// DOM Button:
|
|
// | <div data-dojo-type="dojox.mobile.Icon"
|
|
// | data-dojo-props='icon:"mblDomButtonBlueCircleArrow"'></div>
|
|
|
|
// icon: String
|
|
// An icon to display. The value can be either a path for an image
|
|
// file or a class name of a DOM button.
|
|
icon: "",
|
|
|
|
// icon: String
|
|
// The position of an aggregated icon. IconPos is comma separated
|
|
// values like top,left,width,height (ex. "0,0,29,29").
|
|
iconPos: "",
|
|
|
|
// icon: String
|
|
// An alt text for the icon image.
|
|
alt: "",
|
|
|
|
// icon: String
|
|
// A name of html tag to create as this.domNode.
|
|
tag: "div",
|
|
|
|
constructor: function(/*Object?*/args, /*DomNode?*/node){
|
|
// summary:
|
|
// Creates a new instance of the class.
|
|
// args:
|
|
// Contains properties to be set.
|
|
// node:
|
|
// The DOM node. If none is specified, it is automatically created.
|
|
if(args){
|
|
lang.mixin(this, args);
|
|
}
|
|
this.domNode = node || domConstruct.create(this.tag);
|
|
iconUtils.createIcon(this.icon, this.iconPos, null, this.alt, this.domNode);
|
|
}
|
|
});
|
|
});
|