You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
2.6 KiB
99 lines
2.6 KiB
define([ |
|
"dojo/_base/declare", |
|
"dojo/dom-construct", |
|
"./Pane", |
|
"./iconUtils", |
|
"./sniff" |
|
], function(declare, domConstruct, Pane, iconUtils, has){ |
|
|
|
// module: |
|
// dojox/mobile/_IconItemPane |
|
|
|
return declare("dojox.mobile._IconItemPane", Pane, { |
|
// summary: |
|
// An internal widget used for IconContainer. |
|
|
|
// iconPos: String |
|
// The default icon position for child items. |
|
iconPos: "", |
|
|
|
// closeIconRole: String |
|
// The HTML role of the close icon. Example: "button". |
|
closeIconRole: "", |
|
|
|
// closeIconTitle: String |
|
// The title of the close icon. |
|
closeIconTitle: "", |
|
|
|
// label: String |
|
// The label of the item. |
|
label: "", |
|
|
|
// closeIcon: String |
|
// CSS class for the close icon. |
|
closeIcon: "mblDomButtonBlueMinus", |
|
|
|
// baseClass: String |
|
// The name of the CSS class of this widget. |
|
baseClass: "mblIconItemPane", |
|
|
|
// tabIndex: String |
|
// Tab index for the close button, such that users can hit the tab |
|
// key to focus on it. |
|
tabIndex: "0", |
|
|
|
// _setTabIndexAttr: [private] String |
|
// Sets tabIndex to closeIconNode. |
|
_setTabIndexAttr: "closeIconNode", |
|
|
|
buildRendering: function(){ |
|
this.inherited(arguments); |
|
this.hide(); |
|
this.closeHeaderNode = domConstruct.create("h2", {className:"mblIconItemPaneHeading"}, this.domNode); |
|
this.closeIconNode = domConstruct.create("div", { |
|
className: "mblIconItemPaneIcon", |
|
role: this.closeIconRole, |
|
title: this.closeIconTitle |
|
}, this.closeHeaderNode); |
|
this.labelNode = domConstruct.create("span", {className:"mblIconItemPaneTitle"}, this.closeHeaderNode); |
|
this.containerNode = domConstruct.create("div", {className:"mblContent"}, this.domNode); |
|
}, |
|
|
|
show: function(){ |
|
// summary: |
|
// Shows the widget. |
|
this.domNode.style.display = ""; |
|
}, |
|
|
|
hide: function(){ |
|
// summary: |
|
// Hides the widget. |
|
this.domNode.style.display = "none"; |
|
}, |
|
|
|
isOpen: function(e){ |
|
// summary: |
|
// Tests whether the widget is open. |
|
return this.domNode.style.display !== "none"; |
|
}, |
|
|
|
_setLabelAttr: function(/*String*/text){ |
|
// tags: |
|
// private |
|
this._set("label", text); |
|
this.labelNode.innerHTML = this._cv ? this._cv(text) : text; |
|
}, |
|
|
|
_setCloseIconAttr: function(icon){ |
|
// tags: |
|
// private |
|
this._set("closeIcon", icon); |
|
this.closeIconNode = iconUtils.setIcon(icon, this.iconPos, this.closeIconNode, null, this.closeHeaderNode); |
|
|
|
if(has("windows-theme") && this.closeIconTitle !== ""){ |
|
this.closeButtonNode = domConstruct.create("span", {className:"mblButton mblCloseButton", innerHTML:this.closeIconTitle, |
|
style: {display: "none"}}, this.closeIconNode); |
|
} |
|
} |
|
}); |
|
});
|
|
|