Getting data- attributes after onclick

[Anton Swanevelder]

Hi,

I fear there might be a really easy answer to this but I just can't figure it out.

I want to retrieve a data- attribute from a li after the onclick has fired. How do I do this?

<ul id="searchChoices" class="radioList" >

    <li class="selected" data-bind="click: keyTypeChanged" data-value="0">Option 1</li>

    <li data-bind="click: keyTypeChanged" data-value="1">Option 2</li>

    <li data-bind="click: keyTypeChanged" data-value="2">Option 3</li>

    <li data-bind="click: keyTypeChanged" data-value="3">Option 4</li>

</ul>

var searchViewModel = kendo.observable({

 

keyTypeChanged: function (e) {

        //debugger;

        alert($(this).attr("data-value"));

    }

  

});

Thanks in advance,
Anton

[Anton Swanevelder]

Catching up on my jQuery skills...

I changed the code to be as follows and I now manage to get it. Is there any suggestions to a better KendoUI way of doing this?

keyTypeChanged: function (e) {

        var id = $(e.target).data().value;

        alert(id);

    }

[Alexander Valchev]

Hello Anton,

There is no special KendoUI way of getting data from the data attributes. The best way to do this is through the jQuery data method like in your example. Actually we use the same approach (example).

Regards,
Alexander Valchev
the Telerik team