Mobile switch control not displaying Grid Cell MVC

[Mohammed]

Hi,

 

I want to display Mobile switch control in Grid MVC . when i tried only checkbox displaying.

 

Please help

[Nikolay]

Hello Mohammed,

The Kendo MobileSwitch can be implemented as a column editor to a boolean model field. Here a ClientTemplate can be used supplying an input of type checkbox. Later in the DataBound event handler, the Switch will be initialized. 

columns.Bound(p => p.Discontinued).ClientTemplate("<input class='customClass' #if (Discontinued) { # checked='checked' # } # type='checkbox' />").Editable("notEditable");

function notEditable(e){
        return false;
    }

.Events(ev => ev.DataBound("onDataBound"))
 
function onDataBound(e) {
    this.tbody.find(".customClass").kendoMobileSwitch({
        change: function (e) {
            var grid = $("#grid").getKendoGrid();
            var dataItem = grid.dataItem(this.element.closest("tr"));
            dataItem.set("Discontinued", e.checked);
        }
    });
}

For your convenience, I am attaching a small project demonstrating the above. Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

[Mohammed]

Thank you Nikolay Thant solved my problem!! :)