I'm working on an application that will use the Grid to display data and allow a user to modify the data using CRUD methods within the grid. It is connected to a DataSource that sends the data to a MVC4 controller method to perform some calculations.

My grid has InCell editing mode and contains code that will call an AJAX function as soon as the updated cell loses focus. There is no update button. The AJAX function calls an MVC4 controller method.

When i click on a cell in the first row and update it's value, the AJAX function calls the controller method. the calculations take place correctly. the grid looks fine.
but when i click on a cell in any row except the first row and update it's value, the AJAX function calls the controller method. the calculations take place correctly. but the updated row is replaced by the first row. This happens for any row number. no exceptions. 

But when I click on the grid "refresh" button, The grid values are readjusted and all the rows look good again with correct values.

I use the "datasource.Sync" event for my gridcell lost focus editing.
I thought that the Sync event will automatically perform the Read operation for grid. is it not so?

My code is as follows:   @(Html.MyGrid<ViewModels.ReportCalc>("AddNewPayrollGrid", AddBtnAccess, "Add Payroll Details", EditBtnAccess, GridEditMode.InCell)
                            .Columns(columns =>
                            {
                                columns.Bound(p => p.PayrollClassSuffixid).Hidden();
                                columns.Bound(p => p.PayrollCode).Title("Class Code").Width(60);                               
                                columns.Bound(p => p.Description).Title("Description").Width(250);
                                columns.Bound(p => p.PayrollPeriodDate).Title("Payroll Period").Width(100);                              
                                columns.Bound(p => p.NumberofFulltimeEmployees).ClientTemplate("<div style= 'text-align:right;'>#=NumberofFulltimeEmployees#</div>").Title("Number Of<Br>Full time<Br>Employees").Width(60);
                                columns.Bound(p => p.NumberofParttimeEmployees).ClientTemplate("<div style= 'text-align:right;'>#=NumberofParttimeEmployees#</div>").Title("Number Of<Br>Part time <Br>Employees").Width(60);
                                columns.Bound(p => p.NumberOfEvents).ClientTemplate("<div style= 'text-align:right;'>#=NumberOfEvents#</div>").Title("Number of<Br> Events").Width(60);
                                columns.Bound(p => p.Payrollamount).Format("{0:C}").ClientTemplate("<div style= 'text-align:right;'>#=Payrollamount#</div>").Title("Payroll($)").Width(60);
                                columns.Bound(p => p.CoverageDays).ClientTemplate("<div style= 'text-align:right;'>#=CoverageDays#</div>").Title("Coverage<Br>Days").Width(60);
                                columns.Bound(p => p.Premium).ClientTemplate("<div style= 'text-align:right;'>#=Premium#</div>").Title("Premium($)").Width(100);
                              
                            })
                          
                            .Pageable()
                            .Sortable()
                            .Navigatable()                           
                            .TableHtmlAttributes(new { @class = "KendogridTable" })
                            .DataSource(dataSource => dataSource
                            .Ajax()
                            .ServerOperation(false)
                            .PageSize(5)
                            .Batch(true)                              
                            .Model(model => 
                                {
                                    model.Id(p => p.PayrollClassSuffixid);
                                    model.Field(payr => payr.PayrollCode).Editable(false);
                                    model.Field(payr => payr.Description).Editable(false);
                                    model.Field(payr => payr.PayrollPeriodDate).Editable(false);
                                    model.Field(payr => payr.InterimRate).Editable(false);
                                    model.Field(payr => payr.Premium).Editable(false);
                                })                               
                                 .Read(read => read.Action("Payroll_Read", "MyController", new { PN= some value}))
                               .Create(create => create.Action("Payroll_Create", "MyController").Data("PN"))
                                .Update(update => update.Action("Payroll_Update", "MyController", new {PolicyNumber = Model.PolicyNumber}))
                                )
                                 
                                        .Events(ev => ev.Save(@"function(e){ 
                    setTimeout(function(){
                        $('#AddNewPayrollGrid').data('kendoGrid').dataSource.sync()   
                                              
                    }
            )}"))
                             
                              .Events(e => e.DataBound("onDataBinding"))
                            
                              )

can anyone tell me what I am doing wrong here.
Also, I tried adding the RequestEnd event to the grid as follows:  
.Events(e =>  e.RequestEnd("onRequestEndForGrid"))

but the view fails to recognise the RequestEnd event. I get a message saying "GridEventBuilder does not contain a definition for RequestEnd". Can you tell me if I am missing anything here.
                              

I'm experiencing a weird issue that has a couple of us stumped. We have created a scrollview that pulls some images via a JSON file. The scrollview works well with the images loading correctly, however, on the initial load, the pager does not display at the bottom of the screen. The <ol class="km-pages"> is empty, with no list items. If I navigate off the page and then back onto to it, the pager appears at the bottom of the page as it should. This occurs in Chrome, IE and Firefox, so there is obviously something weird with the code. I have attached the two files as reference. Any help is greatly appreciated.

http://jsbin.com/emuqazEz/3/edit

I have tested in IE9 & IE11.  Filters do not work on grid at all.  Any ideas?

Colby

Hi,

I am trying to set the background image for the chart. I am referring the example http://demos.telerik.com/kendo-ui/dataviz/bar-charts/column.html 

and added copied the same code into my example, still it is not displaying the .png image as background image. It seems that the chart area is not transparent. I see the background image on chart in demo link above, but not on the chart I created. I am testing it on IE 9.  

I am using the Kendo UI version 2013.3.1316

I am attaching my test application. ( I removed dlls from bin folder and script folder to match .zip size for Upload )

My code is on Index.aspx.

When trying to create a Telerik MVC 4 project I get a Package Installation Error. I saw this link, http://www.telerik.com/support/kb/orm/general/error-could-not-load-packages-to-project.aspx but I chose the option to skip creating a  OpenAccess Model Library Project. So I don't need to create an ORM.

Error message attached.

What happened to the Kendo UI MVC Application template? I used to have this option when I was creating a new project.

Hello,

When trying to click the Back button with the Dropdown list items opened, the list doesn't disappear after going back to previous page:
http://demos.kendoui.com/web/dropdownlist/index.html

Just wondering if anyone could shed some light on this.

Thanks a lot,
Vicky

Inside mobile views controlled by a tab bar. I have been unable to make drag and drop work. As soon as I remove all the mobile views drag and drop works. Is this a feature or am I missing something?

Thanks/Anker

Our project is using the pop-up editor from a grid.  Our target is IE8.
Kendo version: 2013.3.1316.440 (as well as previous versions)
 
@(Html.Kendo().Grid<OurVieModel>()
    .Name("grid")
    .Columns(columns =>
    {
…
    })
    .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("OurTemplate").Window(w => w.Title("Add/Edit")))
 
 
Our template is defined as (trimmed for readability):
@(Html.Kendo().Editor()
.Name("OurValue")
.HtmlAttributes(new { style = "width: 573px;height:240px" })
.Tools(tools => tools
.Clear()
.Bold()
))
 
We are finding that whenever we apply a BOLD style to our text in the editor (or any other formatting applied from the toolbar), the Update function does not respond.  It will act as if it is clicked, but no action.  Cancel, however, always works.  Oddly, removing all bolding from the text allows Update to function again.    
 
We also found that hitting the enter key and putting a few lines in the text produces the same non-action state for the Update button.

Replacing Kendo Editor with a text area works without issue.  Viewing and editing the text within the Kendo Editor without applying any styles works without issue. The issue appears specific to the styling applied by the Editor.

No call is being made back to the controller when the update button is in this non-functional state. A call is made if a style is not applied.

Any insight or workaround to this issue?
 
Thanks!

we have problems on some devices running Android 4.1 with distorted or sheared rendering

Hybrid application is composed as Cordova 3.3 container and Kendo Mobile application.
There's pixel grade distortion on some application screens. It seems but not proven that it happens on screens with scrollable portions, but distortion appears whenever scroller is active or not.

See pictures below.If attention is payed to symptoms it seems that distortion appears as classic division problem - eg. if physical width is 399px and algorithm computes with 400px width, this causes the same distortion when drawing lines - I just want to point to similar symptom.

Environments we tested:
cordova 2.9, 3.3
Android 4.1, 4.3 (on 4.3 the problem does not appear)
Kendo Mobile 2.3

Project parameters:
cordova 3.3
Android 4.1.2, API level 16
hardware acceleration on
<meta name="viewport" content="height=device-height,width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

Any help is appreciated, since the problem is long-lasting and occurs on some Motorola devices as far as on some Hyuawei Ascend devices so it seems it can occur on any other devices.

Honestly, this happens also in ExtJS application, so it is more complex problem.
But as I said,  any help is appreciated

Also described here http://stackoverflow.com/questions/21569522/distorted-pixels-rendered-in-webview-on-android-cordova-3-3-kendomobile-senc

Thanks