Here is how I resolved my question. This is for anyone who is wanting to know how to do inline editing of a table that you created using html. Here is my code for the function I created once you clicked on Edit: function editThis(element) { var customerID = $(element).closest('tr').find('.customer-stored-...

You need to specify the Model Property strictly to Date in View model using Data Annotations. In your view model, [DataType(DataType.Date)] // making data type as date public Nullable<System.DateTime> datefrom { get; set; } And in Kendo Grid, columns.Bound(k => k.datefrom).Format("{0:dd.MM.yyyy}") It works now :)...

So it seems to work just fine if you change the nested event handler from handling a click on document to handling a focusout on .thVal. e.g. Instead of: $(document).click(function() { $(currentEle).html($(".thVal").val().trim()); }); Do $(".thVal").focusout(function () { $(currentEle).html($(".thVal").val().trim()); }); JSFiddle here...

The ComboBoxCellEditor uses a CCombo widget for editing. With CCombo#setVisibleItemCount() the number of visible items can be controlled. Depending on when you know how many items should be visble you can configure the combo box. For example through overriding createControl ComboBoxCellEditor editor = new ComboBoxCellEditor() { @Override protected Control createControl(...