Defining combobox with events in popup template?

2 posts, 0 answers
  1. tom
    tom avatar
    2 posts
    Member since:
    Oct 2012

    Posted 08 Nov 2012 Link to this post


    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?

  2. Jeremy Cook
    Jeremy Cook avatar
    4 posts
    Member since:
    Aug 2007

    Posted 28 Nov 2012 Link to this post

    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>
    <input name="ItemID"
        data-auto-bind="false" />

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

                   toolbar: [{ name: "create"}],
                   dataSource: someDataSource,
                   pageable: false,
                   scrollable: false,
                   editable: {
                       mode: "popup",
                       template: $("#popup_editor").html()
                   edit: function (e) {
                       if ( == "") {
                           $('.k-window').find('.k-window-title').html("Add New");
                       else {
                       var itemDropListContol = $(e.container).find("input[name='ItemID']");
             "kendoDropDownList").bind("change", function (f) {
                           // do stuff

Back to Top