define([
|
'dojo/_base/declare',
|
'dojo/_base/array',
|
'dojo/_base/lang',
|
'dojo/_base/html',
|
'dijit/_WidgetBase',
|
'dojo/Evented',
|
'dojo/on',
|
'dojo/query',
|
'jimu/MapManager'
|
], function(
|
declare, array, lang, html, _WidgetBase, Evented, on, query, MapManager
|
) {
|
|
return declare([_WidgetBase, Evented], {
|
popup: null,
|
popupMobile: null,
|
// buttonInfo = {
|
// title:
|
// baseClass:
|
// }
|
buttonInfo: null,
|
_buttons: null,
|
|
constructor: function() {
|
this.buttonDomNodes = [];
|
// init popup and popupMobile object
|
var mapInfoWindow = MapManager.getInstance().getMapInfoWindow();
|
this.popup = mapInfoWindow.bigScreen;
|
this.popupMobile = mapInfoWindow.mobile;
|
},
|
|
postCreate: function() {
|
// description:
|
// if provides buttonInfo parameter, add button to infoWindow
|
this.inherited(arguments);
|
if (this.buttonInfo) {
|
this._addButtonNode();
|
}
|
},
|
|
_addButtonNode: function() {
|
this._addButtonNodeToPopup();
|
this._addButtonNodeToPopupMobile();
|
},
|
|
_addButtonNodeToPopup: function() {
|
//query actionList node of this.popup
|
var actionListNode = query(".actionList", this.popup.domNode)[0];
|
|
//add relationship table button in this.popup
|
var aNode = html.create('a', {
|
"class": "action " + this.buttonInfo.baseClass,
|
"href": " javascript:void(0);"
|
}, actionListNode);
|
this.buttonDomNodes.push(aNode);
|
|
this.popupButtonNode = html.create('span', {
|
"innerHTML": this.buttonInfo.title,
|
"style": "display: none"
|
}, aNode);
|
|
this.own(on(this.popupButtonNode,
|
"click",
|
lang.hitch(this, this._onButtonClick)));
|
|
this.own(on(this.popup,
|
"selection-change",
|
lang.hitch(this, this._onSelectionChange, this.popup)));
|
},
|
|
_addButtonNodeToPopupMobile: function() {
|
//query actionList node of this.popupMobile
|
var mobileInfoViewItem = query(".esriMobilePopupInfoView .esriMobileInfoViewItem");
|
var actionListNode = mobileInfoViewItem[mobileInfoViewItem.length - 1];
|
|
//add relationship table button in this.popupMobile
|
var aNode = html.create('a', {
|
"class": "action " + this.buttonInfo.baseClass,
|
"href": " javascript:void(0);"
|
}, actionListNode);
|
this.buttonDomNodes.push(aNode);
|
this.popupMobileButtonNode = html.create('span', {
|
"innerHTML": this.buttonInfo.title,
|
"style": "display: none"
|
}, aNode);
|
|
this.own(on(this.popupMobileButtonNode,
|
"click",
|
lang.hitch(this, this._onButtonClick)));
|
|
this.own(on(this.popupMobile,
|
"selection-change",
|
lang.hitch(this, this._onSelectionChange, this.popupMobile)));
|
|
},
|
|
enableButtonNode: function() {
|
html.setStyle(this.popupButtonNode, 'display', 'inline');
|
html.setStyle(this.popupMobileButtonNode, 'display', 'inline');
|
},
|
|
disableButtonNode: function() {
|
html.setStyle(this.popupButtonNode, 'display', 'none');
|
html.setStyle(this.popupMobileButtonNode, 'display', 'none');
|
},
|
|
_onButtonClick: function() {
|
this.emit('buttonClick', this._selectedFeature);
|
},
|
|
_onSelectionChange: function(infoWindow, evt) {
|
if (evt.target.selectedIndex > -1) {
|
this._selectedFeature = infoWindow.getSelectedFeature();
|
this.emit('selectionChange', this._selectedFeature);
|
}
|
},
|
|
destroy: function() {
|
array.forEach(this.buttonDomNodes, function(buttonDomNode) {
|
html.destroy(buttonDomNode);
|
}, this);
|
this.inherited(arguments);
|
}
|
|
});
|
});
|
