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
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