This is a migrated thread and some comments may be shown as answers.

Custom command click binding with MVVM

3 Answers 196 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Olivier asked on 20 Nov 2014, 03:24 AM

Hi,
I'm trying to bind a custom command using MVVM and having no luck yet. I'm binding the function on the model inside the data-columns attribute, but the function does not fire when I click the command button. instead it displays an jquery error "Uncaught TypeError: undefined is not a function", i've tried also removing the quotation marks from the click command property, because in other thread someone says: "The name should not be surrounded by quotation marks." but it does not seems to work either.

please someone help me!. I also reprodced the errero in jsfiddle here

<div id="grid"

data-role="grid"

data-columns="[

{'field':'column','title':'Content'},

{'command':{'text':'Button','click':'openAlert','name':'button'}}

]"

data-bind="source: gridSource"></div>

<script>

var viewModel = kendo.observable({

openAlert: function(e){

alert('it Works!');

},

gridSource: new kendo.data.DataSource({

data:[{column:'Row1'},{column:'Row2'}]

})

});

kendo.bind($("#grid"), viewModel);

</script>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Custom command click binding with MVVM

3 Answers, 1 is accepted