kendo-grid

kendo inline cell edit not support for datetime format. I need "dd/MMM/yyyy" data format but kendo grid shows "the filed date must be a date" error. can you please advice me to what to do You can use a custom editor to do this. References: Grid Custom Editing DatePicker.format Date Formatting The code would look something like this (not tested, but it should be close enough to give you the right idea): var customDateEditor = function (container, options) { $('<input />') .appendTo(container) .kendoDatePicker({ format: "dd/MMM/yyyy" }); }; $("#grid").kendoGrid({ ... columns:[ { field: "myDate",

I have kendo grid and its have filterable "true", when click on filter icon,it displays like below.When we enter the text in filter box,half of the letters are displayed only.Is it possible to increment the size of text-boxes in filter? What is problem here?And how to resolve this problem? You just try to increase the text box height Once try this .k-numeric-wrap .k-input { height:23px } It seems like your css styling might be conflicting with kendo's css styling. If you are using chrome, right click on the textbox and click Inspect Element. (I am sure you can also inspect elements in other

I have a grid that lists Road information and want a Toolbar Template that will allow me to filter the roads by choosing a Concession from a DropDownList. Something like this My code: CSHTML <div id="datagrid"> @(Html.Kendo().Grid<SustIMS.Models.RoadModel>() .Name("datagrid_Roads") .Columns(columns => { columns.Bound(r => r.RoadCode).Title(ViewBag.lblCode).Width(140); columns.Bound(r => r.RoadType).Title(ViewBag.RoadType).Width(140); columns.Bound(r => r.RoadMediumDescription).Title(ViewBag.lblDescription); columns.Bound(r => r.ConcessionCode).Title("CCode").Hidden(); columns.Bound(r => r

I am using kendo grid and while editing a row i am checking whther that row is editable or not.So how to make the selected row non editable if its not editable.I am doing the checking in edit function of grid. Code $("#grid").kendoGrid({ dataSource : ds, selectable : "multiple", sortable : true, filterable : false, reorderable: true, scrollable : false, toolbar : ["create"], columns: [ { field: "event", width: "120px", title: "Event Type"}, { field: "event_id", width: "120px", title: "Event ID"}, { field: "addr_no_or_type", width: "120px", title:"Address"}, { field: "event_rate", width: "100px

Using Kendo Asp.net MVC Grid in Ajax Batch Mode. Having three columns - Qty, Rate, Total. Need to achieve real-time calculation on change. Written following function to update data. function grid_change(e) { if (e.action === "itemchange") { var item = e.items[0]; item.Total = item.Qty * item.Rate; } } But the column does not reflect the calculated value until focus is moved over it. How to update / refresh the cell display as soon as the change event is completed? Changed the calculation statement (see below) and all the related columns started reflecting changes immediately after the focus

I have same problem as Daniel had in this topic, but his solution doesn't work for me: http://www.kendoui.com/forums/ui/grid/kendo-ui-grid-inserts-updates-create-duplicate-records.aspx#-jhxqRrNAUGsTFJaC-Ojwg So use-case. Users adds 2 new records one after another: Presses "Add new record" button of a grid Fills the fields (name="Alex", amount=10, comment="first"). Record one is ready. Press 'Save'. (data goes to controller and than to Database) User see one record in a grid Press "Add new record" button again Fills fields (name="Bob", amount=20, comment = "second"). Record one is ready. Press