如何将数据附加到按钮?

时间:2018-07-29 17:13:04

标签: javascript yandex-maps

我将自定义按钮添加到地图。此按钮显示在屏幕的左上方。

JSFIDDLE demo here.

我需要将数据附加到按钮。在我的代码中,我在按钮上添加了一个数字。单击后,我想在控制台中显示此数字。请帮助我。

JS:

ymaps.ready(init);

var map;

function init(){     
    map = new ymaps.Map("map", {
        center: [12.12, 12.12],
        controls: [],
        zoom: 5
    });  

    var btn = new ymaps.control.Button({
        data: {
            content: "bla",
            num: 77783
        }
    });

    map.controls.add(btn, {
        float: 'left',
    }); 

    btn.events.add('click', (e) => {
        console.log('binded data is:', e.get('num'))
    });    
};

1 个答案:

答案 0 :(得分:1)

您需要更改此功能:

btn.events.add('click', (e) => {
    console.log('bound data is:', e.get('num'))
});   

收件人:

btn.events.add('click', (e) => {
    console.log('bound data is:', e.originalEvent.target.data.get('num'))
});

更新后的fiddle