ol-ext控制條和控制器中的功能

Question

我有一個extjs應用程序，其中使用了ol-ext控制欄。 控件欄位於MyApp.js文件中，而我想通過單擊屬於控件欄的按鈕來調用的函數位於相對控制器MyAppController中 。 在MyApp.js中：

 var testFuction = function(){ return this.getController().updateImages; }; var mainbar = new ol.control.Bar(); var first = new ol.control.Button ( { html: '1', //handler: 'updateImages', //reference: 'locationShowImageButton', handleClick: testFuction, }); //Standard Controls mainbar.addControl (first); mainbar.setPosition('bottom-right'); this.map.addControl(mainbar); 

在MyAppController中：

 updateImages: function (obj) { var self = this; this.getView().cleanImageLayers(); var selectedFloors = ; //it should be the value of the ol.control.Button, so 1 if (this.lookupReference('locationShowImageButton').pressed) { ..... 

Answer 1

首先檢查MyApp.js中的MyApp.js this.getController() MyApp.js引用MyAppController 。

您不能像ol.control.Button組件一樣使用ol.control.Button 。

您應該在MyApp.js范圍中使用this 。

var mainbar = new ol.control.Bar();
var me = this;
var first = new ol.control.Button (
 {
        html: '1',
        handleClick: function () {
            me.getController().updateImages();
        }
 });

//Standard Controls
mainbar.addControl (first);
mainbar.setPosition('bottom-right');
this.map.addControl(mainbar);