Как обработать событие click для sap.ui.commons.Area в OpenUI5

Question

Я использую элемент управления ImageMap для создания нескольких кликабельных областей на изображении.

var oImage = new sap.ui.commons.Image("i1"); 
oImage.setSrc("images/FlowersAndWesp.jpg"); 
oImage.setAlt("alternative image text for i1"); 
oImage.setUseMap("Map1"); 
oImage.placeAt("sample1"); 

var oMap = new sap.ui.commons.ImageMap(); 
oMap.setName("Map1"); 
var aArea1 = new sap.ui.commons.Area ("Area1", {shape: "rect", alt: "Bee", href: "http://www.sap.com", coords: "40,20,100,80"}); 
var aArea2 = new sap.ui.commons.Area ("Area2", {shape: "circle", alt: "Flower", href: "http://www.sap.com", coords: "170,60,30"}); 
oMap.addArea(aArea1); 
oMap.addArea(aArea2); 
oMap.placeAt("sample1"); 

Когда я нажимаю на aArea1, aArea2 вместо HREF щелкните событие следует ссылаться и в том, что я могу написать какой-то диалог всплывающее.

Answer 1

sap.ui.commons.Area не подвергается самому событию печати, но передает его родительскому ImageMap.

Итак, если вы хотите обработать событие в прессе для Района, вам нужно подключить свою логику до ImageMap и прочитать аргумент event, чтобы узнать, в какой области была нажата.

Для примера, как это работает, обратитесь к https://jsbin.com/qujade/edit?html,output.