Data directives and click event?

[Phil H.]

Hi:

I would like to use data- directives but click is not working:

<div class='k-button' data-bind='click: newProduct'><span class="k-icon k-i-plus"></span> New</div>
<script type="text/javascript">
    function newProduct(evt) {
        alert(evt.event.target.tagName);
    }
</script>

Phil

[Alexander Valchev]

Hi Phil,

Data binding works only when the HTML is bound to a ViewModel via kendo.bind method. For more information and code samples please check this article.

Regards,
Alexander Valchev
Telerik

 

 

[Phil H.]

Hi All:
Cool thanks, this is my sample...

<div id='newProdView'>
    <div class='k-button' data-bind='click: newProduct'><span class='k-icon k-i-plus'></span> New</div>
</div>
<script type="text/javascript">
    var newProdViewModel = kendo.observable({
        newProduct: function (vm) {
            // vm is the view model
            alert(vm.target.innerText);
        }
    });
    kendo.bind($("#newProdView"), newProdViewModel);
</script>

Phil