This is a migrated thread and some comments may be shown as answers.

Kendo Grid edit does not work in Chrome

1 Answer 188 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Kashif
Top achievements
Rank 1
Kashif asked on 03 Dec 2013, 09:40 AM
Hi I have a kendo grid which works well in firefox and internet explorer. 2013.2.716 is the version of the kendo I am currently using . When I call the grid edit in  the popup mode the popup window does not appear in Chrome. The google chrome version is   31.0.1650.57 m. I am running a windows 8 64 bit machine.
The kendo Grid Code is as below

 @(Html.Kendo().Grid<MyAssembly>()
     .Name("ListGrid")
      .DataSource(dataSource => dataSource // Configure the grid data source
          .Ajax() // Specify that ajax binding is used
          .Read(read => read.Action("Method1", "ControllerName").Type(HttpVerbs.Post))
          .Update(update => update.Action("Method2", "ControllerName"))  // Action invoked when the user saves an updated data item
          .Destroy( delete => delete.Action("Method3" ,"ControllerName"))
                  .Model(model =>
                  {
                      model.Id(item => item.ID);  
                      model.Field(item => item.ID).Editable(false);  
                  })
       )
      .Columns(columns =>
      {
          columns.Bound(o => o.ID)
                    .HeaderTemplate(@<text>
                      <input type="checkbox" title="check all records" id="checkAllRecords" onclick = "checkAssemblyRows()"/> </text>)
                    .ClientTemplate("<input type='checkbox' title='check record'  name='checkedRecords' onclick= 'checkRecords(this)' value='#=ID#' />")
                    .Sortable(false)
                    .Width("2%");
            columns.Bound(o => o.No).Width("15%");
            columns.Bound(o => o.ShortDesc).Width("15%");
            
            columns.Command(commands =>
            {
               // commands.Edit();
                    
                 
                //commands.Destroy(); // The "destroy" command removes data items
                
            }).Title("Commands").Width(200);
      })
      .Events(e => e.Edit("AssemblyListGrid_OnEdit_Kendo")
              
              )
        .Filterable()
        .Sortable()
        .Pageable(p => p.Refresh(true))
        .Scrollable()
        .ColumnMenu(col => col.Sortable(false))
        .Groupable()
        .Resizable(resize => resize.Columns(true))
        .Reorderable(reorder => reorder.Columns(true))
        .Editable(edit => edit.Mode(Kendo.Mvc.UI.GridEditMode.PopUp).DisplayDeleteConfirmation(false))   
      
      
      )

I have attached the error screen shot and the screen shot I took while I do the inspect element in chrome. It looks like it is working partly and the modal edit window fails to display.
Works perfectly in firefox and IE.
 This project has both the telerik and kendo controls.
Thanks

1 Answer, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 04 Dec 2013, 01:01 PM
Hi,

I tried to reproduce the problem locally but to no avail – everything is working as expected on our side. Could you please provide runable project where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.

Kind Regards,
Vladimir Iliev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Kashif
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Share this question
or