[Solved] Grid popup editor using template

[Robert]

I'm trying to get a popup editor working using my own template. I can get the bindings to work programmatically from the edit event of the grid:

edit: function (e) {
    $('#numrkText').kendoNumericTextBox({
        value: e.model.Qty,
        format: "{0:n0}"
    });
    $('#divInitiator').kendoDropDownList({
        dataSource: theSysUsers,
        dataValueField: 'value',
        dataTextField: 'text',
        value: e.model.InitiatorID.toString()
    });
}

But I can't get declarative binding to work: (which is what I want)

<td class="tdLefts"><input type="text" name="Qty" data-type="number" data-bind="value:Qty" data-role="numerictextbox" /></td>

I get the same kind of error trying to bind the dropdownlist, I always end up at the maddeningly useless error showing you an anonymous function.

The Grid is not MVVM bound, My goal is to get the editor to be MVVM, though the grid is passed a json object array from a server ajax response.

Thanks, Bob

[Vladimir Iliev]

Hi Riobert,

Please check the example below which demonstrates how you can use MVVM to initialize the widgets inside the Grid PopUp template:

• Grid: custom popup template using MVVM

Regards,
Vladimir Iliev
Telerik

 

 

[Andrea]

I would like to do something similar with a custom popup editor that has dropdowns that are bound back to the grid. This example doesn't seem to work though. 

[Robert]

I'm sorry, this was too long ago for me to remember what solution I ended on (and without enough time to research it).

The example Vladimir proposed works for me in  the dojo.telerik, I'd start from there.

Bob

[Andrea]

I found another similar example that does work for me. I'm not sure why this one doesn't. Thanks for the quick reply.