kendo drop down list in Grid template

3 posts, 0 answers
  1. Sapandeep
    Sapandeep avatar
    22 posts
    Member since:
    Jan 2012

    Posted 07 Apr 2017 Link to this post

    I have a grid which i need to open as editable and i am showing all fields and columns with editable controls.in this case i am showing  html5 dropdown .  How can i change it to Kendo Dropdown list?

     

    Please advise.

     

     

    title: "Licensed/UnLicensed",
                                   template: function (dataItem) {

    if (dataItem.InputControl === "DropDown") {
                                               var cntrls = '<div class="col-xs-4"><select class="form-control input-sm" id ="selval' + dataItem.CarePointID + ' " data-bind="value:FormVal"';
                                               if (dataItem.Mandatory)
                                                   cntrls += ' required ';
                                               cntrls += ' tabindex= "' + dataItem.CntrlTabIndex + '" ';
                                               cntrls += ' >';
                                               if (questOptions.length > 0) {
                                                   cntrls += '<option value="" >Select value</option>';
                                                   $.each(questOptions, function (opnum, opObj) {
                                                       var cntrl = '<option value="' + opObj.DropDownValue + '">' + opObj.DropDownText + '</option>';
                                                       cntrls += cntrl;
                                                   });
                                                   cntrls += "</select></div>";
                                                   
                                               }
                                                    
                                               return cntrls;
                                           }

        }

  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 11 Apr 2017 Link to this post

    Hello,

    Please refer to this online demo which demonstrates how to use a KendoUI DropDownList widget as custom editor.
    http://demos.telerik.com/kendo-ui/grid/editing-custom

    Regards,
    Pavlina
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Sapandeep
    Sapandeep avatar
    22 posts
    Member since:
    Jan 2012

    Posted 27 Apr 2017 Link to this post

    i got it resolved by using templates and  not using grid at all. 
Back to Top