Defining combobox with events in popup template?

[tom]

Hi,

I'm currently struggling to define a combobox in a grid popup template. The combobox should react on its own change event.

Is this possible and can somebody give me an example on how to achieve this?

sincerely,
tom

[Jeremy Cook]

Here is a copy of my template i am using for a pop up in a grid;

     <script id="popup_editor" type="text/x-kendo-template">

<div class="k-edit-label">

    <label for="ItemID">Item</label>

</div>

<input name="ItemID"

    data-bind="value:ItemID"

    data-value-field="ItemID"

    data-text-field="ItemName"

    data-source="itemListDataSource"

    data-role="dropdownlist"

    data-auto-bind="false" />

    </script>

In the Edit event on the grid get the dropdownlist and bind to the change event.

$("#divid").kendoGrid({

               toolbar: [{ name: "create"}],

               dataSource: someDataSource,

               pageable: false,

               scrollable: false,

               editable: {

                   mode: "popup",

                   template: $("#popup_editor").html()

               },

               edit: function (e) {

                   $("#editor").kendoEditor();

                   if (e.model.id == "") {

                       $('.k-window').find('.k-window-title').html("Add New");

                   }

                   else {

                       $('.k-window').find('.k-window-title').html("Edit");

                   }

                 

                   var itemDropListContol = $(e.container).find("input[name='ItemID']");

                   itemDropListContol.data("kendoDropDownList").bind("change", function (f) {

                       // do stuff

                   });

               },

 

           });