///////////////////////////////////////////////////////////////////////////
|
// Copyright © 2014 - 2018 Esri. All Rights Reserved.
|
//
|
// Licensed under the Apache License Version 2.0 (the "License");
|
// you may not use this file except in compliance with the License.
|
// You may obtain a copy of the License at
|
//
|
// http://www.apache.org/licenses/LICENSE-2.0
|
//
|
// Unless required by applicable law or agreed to in writing, software
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
// See the License for the specific language governing permissions and
|
// limitations under the License.
|
///////////////////////////////////////////////////////////////////////////
|
|
define([
|
'dojo/_base/html',
|
'dojo/_base/declare',
|
'dojo/text!./PredefinedValueProvider.html',
|
'dojo/_base/lang',
|
'dojo/on',
|
'jimu/dijit/Popup',
|
// 'jimu/dijit/PopupSimple',
|
'./PredefinedValuePopup',
|
'./ValueProvider'
|
],
|
function(html, declare,
|
template, lang, on, Popup, PredefinedValuePopup, ValueProvider) {
|
|
return declare([ValueProvider], {
|
|
templateString: template,
|
nls: null,
|
url: '',
|
layerDefinition: null,
|
partObj: null,
|
fieldInfo: null,
|
codedValues: null,
|
staticValues: null,
|
layerInfo: null,
|
popupInfo: null,
|
operatorInfo: null,
|
filterCodedValueIfPossible: false,
|
runtime: false,
|
providerType: null, //required
|
valueProvider:null,
|
|
postCreate: function(){
|
this.inherited(arguments);
|
this.jimuNls = window.jimuNls;
|
html.addClass(this.domNode, 'jimu-filter-indexBtn-value-provider');
|
html.addClass(this.valueProviderPopupNode, 'value-type-popup');
|
html.setStyle(this.valueProviderPopupNode, 'display', 'none');
|
|
var tips = '';
|
if(this.providerType === 'UNIQUE_PREDEFINED_VALUE_PROVIDER'){
|
tips = this.nls.predefinedUniqueTips;
|
}else if(this.providerType === 'MULTIPLE_PREDEFINED_VALUE_PROVIDER'){
|
tips = this.nls.predefinedMultipleTips;
|
}
|
this.indexBtnTips.title = tips;
|
this.indexBtnTips.innerText = tips + ' ...';
|
|
this._initProvider();
|
this._bindEvent();
|
},
|
|
_initProvider:function(){
|
var args = {
|
preDefinedTips: this.indexBtnTips,
|
nls: this.nls,
|
url: this.url,
|
layerDefinition: this.layerDefinition,
|
partObj: this.partObj,
|
fieldInfo: this.fieldInfo,
|
codedValues: this.codedValues,
|
staticValues: this.staticValues,
|
layerInfo: this.layerInfo,
|
popupInfo: this.popupInfo,
|
operatorInfo: this.operatorInfo,
|
filterCodedValueIfPossible: this.filterCodedValueIfPossible,
|
runtime: this.runtime,
|
selectUI: this.selectUI,
|
providerType: this.providerType
|
};
|
|
if(this.providerType === 'UNIQUE_PREDEFINED_VALUE_PROVIDER' ||
|
this.providerType === 'MULTIPLE_PREDEFINED_VALUE_PROVIDER'){
|
this.valueProvider = new PredefinedValuePopup(args);
|
}else{
|
}
|
|
//set applyBtn's state of popup.
|
this.valueProvider.on("predefinedValuePopup_setApplyBtnState", lang.hitch(this, function(state){
|
if(this.popup){
|
if(state){
|
this.popup.enableButton(0);
|
}else{
|
this.popup.disableButton(0);
|
}
|
}
|
}));
|
},
|
|
_bindEvent: function(){
|
// this.own(on(document, 'click', lang.hitch(this, function(){
|
// html.setStyle(this.valueProviderPopupNode, 'display', 'none');
|
// })));
|
|
//hover
|
/*
|
this.own(on(this.indexBtn, 'mouseenter', lang.hitch(this, function(){
|
var vals = lang.clone(this.valueObjEnd.value);
|
if(vals.length === 0){
|
return;
|
}
|
var content = '', cList = '', suffix = '';
|
if(vals.length > 5){
|
suffix = '<div class="checkedItem">......</div>';
|
vals = vals.splice(0,5);
|
}
|
for(var key in vals){
|
cList += '<div class="checkedItem">' + vals[key].alias + '---' + vals[key].isChecked + '</div>';
|
}
|
content = cList + suffix;
|
var btnWidth = html.getStyle(this.indexBtn, 'width');
|
var height = 25 * vals.length;
|
this.listPopup = new PopupSimple({
|
width: btnWidth,
|
height: height,
|
content: content,
|
positionDom: this.indexBtn //for setting position
|
});
|
})));
|
this.own(on(this.indexBtn, 'mouseleave', lang.hitch(this, function(){
|
if(this.listPopup){
|
this.listPopup.close();
|
}
|
})));
|
*/
|
|
this.own(on(this.indexBtn, 'click', lang.hitch(this, function(){
|
if(this.valueProvider){
|
this.destroyProvider();
|
}
|
this._initProvider();
|
this.setValueObject(this.valueObjEnd, this.valueObjEnd.type);
|
|
this.popup = new Popup({
|
width: 800,
|
height: 600,
|
content: this.valueProvider,
|
titleLabel: this.indexBtnTips.title,
|
onClose: lang.hitch(this, function () {
|
//save popup content to a hidden dom, so we don't need init provider every time.
|
//this.popup.content = null;
|
//html.place(this.valueProvider.domNode, this.valueproviderStore);
|
this.getValueObject(false);
|
this._closeCBXPopup(); //need close it when listSelectPopup in header
|
this.destroyProvider();
|
// this.valueProvider.destroy();
|
}),
|
buttons: [{
|
label: this.nls.apply, //this.nls.common.save,
|
disable: true,
|
onClick: lang.hitch(this, function () {
|
// console.log('need to save configuration data');
|
// this._saveData();
|
var ifHasItems = this.getValueObject(true); //need to get valueObj
|
if(ifHasItems){
|
this.popup.close();
|
}else{
|
alert('please configurate some items');
|
}
|
})
|
}, {
|
label: this.jimuNls.common.cancel,
|
classNames: ['jimu-btn-vacation'],
|
onClick: lang.hitch(this, function () {
|
this.popup.close();
|
})
|
}]
|
});
|
html.addClass(this.popup.domNode, 'widget-at-filter-popup');
|
//trigger it at the first time
|
setTimeout(lang.hitch(this, function() {
|
this.valueProvider._setApplyState(this.getValueObject(true));
|
this.valueProvider._setDisplayTypeStyle();
|
}), 100);
|
})));
|
},
|
|
_closeCBXPopup: function(){
|
if( this.valueProvider.cbxPopup && this.valueProvider.cbxPopup.domNode){
|
//overwrite popup.onClose() for destroying it
|
this.valueProvider.cbxPopup.onClose = lang.hitch(this, function () {
|
return true;
|
});
|
this.valueProvider.cbxPopup.close();
|
}
|
},
|
|
_saveData: function(){
|
this.valueProvider.saveData();
|
},
|
|
reset: function(){
|
},
|
|
getDijits: function(){
|
return [];
|
},
|
|
getStatus: function(){
|
return 1;
|
},
|
|
// _setIndexBtnState: function(valueObj){
|
// if(valueObj.value && valueObj.value.length > 0){
|
// html.addClass(this.indexBtn, 'active');
|
// }else{
|
// html.removeClass(this.indexBtn, 'active');
|
// }
|
// },
|
|
setValueObject: function(valueObj){
|
if(valueObj){
|
this.valueObjEnd = valueObj;
|
// this._setIndexBtnState(valueObj);
|
}
|
this.valueProvider.setValueObject(valueObj,true);
|
},
|
|
valueObj: null,
|
getValueObject: function(ifGet){
|
if(ifGet){
|
var valueObj = this.valueProvider.getValueObject();
|
this.valueObjEnd = valueObj;
|
// this._setIndexBtnState(valueObj);
|
|
return valueObj.value.length;
|
}else{
|
delete this.valueObjEnd.valueList;
|
if(this.valueObjEnd.value.length === 0){//no items in editTable
|
return 0;
|
}
|
return this.valueObjEnd;
|
}
|
},
|
|
destroyProvider: function(){
|
if(this.valueProvider){
|
// html.destroy(this.valueProvider.domNode);
|
this.valueProvider.destroyProvider();
|
}
|
this.valueProvider = null;
|
}
|
});
|
});
|
