cannot bind to click event

[Neeraj]

Hello,
            I have that has a function save. and 2 external templates files

 

PricingViewModel = kendo.observable({
        savePrice: function(e) {
            debugger;
        },
        Item: {
        Items: ModelData,
        SavePricing: function(e){
        }
});

 

 

The PricingViewModel is bind to template . there is another template in which the data source is not part of this . have ajax function that calls data and binds to    template has a button which want  bind to  () or how can do that?
          also tried kendo.bind() that worked. It gets bind to normal javascript function outside  but in that  get e.data !!

 

[Neeraj]

there is a property inside Items (which as ModelData) have a  have  that button with SavePricing function and also tried         I get error:

Uncaught TypeError: n is not a function

          How can bind inside element button with outer functions? like(savePricing() and () )

[Veselin Tsvetanov]

Hi Neeraj,

As far as I can understand, you are trying to bind a click handler of a button, which is placed in a template to a function, which is defined in the ViewModel (not defined in an item from the Items collection).

If this is the case, the above could be implemented in the template in the following way:

<script type="text/x-kendo-template" id="myTemplate">
    <li>ID: #: ProductID #; Name: #: ProductName #
    <input type="button" value="Click me" data-bind="events: { click: savePrice }" >
  </li>
</script>

Here you could find a simple Dojo, implementing the above suggestion.

Here you could find a bit more information on events binding in MVVM.

Regards,
Veselin Tsvetanov
Progress Telerik