I would like to do something similar to the Batch editing example found here: http://demos.telerik.com/kendo-ui/web/grid/editing.html

However, several pieces of the configuration cause my page to never finish loading.  Accessing the page will cause the loading icon to appear in the tab of my web browser, but the page never finishes.  The Index method of my page is hit, and returns the View, but the Read AJAX method is never called, and the display never updates.

Adding the following things to the configuration causes this issue for me:
in .Columns:
    columns.Command(command => command.Destroy()).Width(110);
.ToolBar(toolbar => {
            toolbar.Create();
            toolbar.Save();
        })
.Editable or
.Editable(editable => editable.Mode(GridEditMode.InCell))

For example, this produces a read-only grid:

And this produces the issue:

I don't get any error messages in Visual Studio or the browser, or any indication of what is going on.

Any help would be appreciated.

I'm using the panelbar to display links to different internal applications that I have grouped together into several different sections on a password protected intranet.
I really like that the links for actions are not displayed when a user does not have acquitted permissions to execute them.

However I'm left with top level items without any child items that are displayed. Is there a simple way to hide the top level items without any children?

I created a ticket for this... but thought someone in the community might have an idea. 24 hours is a long time to wait.

I just upgraded from Q3 2013 to Q3 2013 SP2. The grid headers in chrome are rendering with extra line in the header. See attachment:

When I inspect element in chrome I see this style

.k-grid-header .k-header>.k-link {display: block;

If I turn that off or set it to inline-block the issue goes away. The strange thing is that the demos that style is there and it renders correctly. 

I've verified the correct styles/script versions are coming from the cdn:

<link href="//da7xgjtj801h2.cloudfront.net/2013.3.1324/styles/kendo.common.min.css" rel="stylesheet"/>

<link href="//da7xgjtj801h2.cloudfront.net/2013.3.1324/styles/kendo.blueopal.min.css" rel="stylesheet"/>

<script src="//da7xgjtj801h2.cloudfront.net/2013.3.1324/js/kendo.all.min.js"></script>

<script src="//da7xgjtj801h2.cloudfront.net/2013.3.1324/js/kendo.aspnetmvc.min.js"></script>

Anyone have any ideas. I can just change the style but I don't understand the ramifications of that on every other browser. 

BTW: This seems to work fine as is in IE10/11 and FireFox without changing the style.

Thanks,
BOb

Hi All,

I am new to MVC. Can some provide me an example program or the web link through which I can understand how to apply the Bootstrap style (responsive style) to Kendo UI ListView for MVC 5.

Thank you.

I have a tab strip with three tabs, two of which load from partial views and each contains one or two Kendo Drop Downs.

When I click on the tabs with the drop downs the first time, they work fine.  But when I go back to the tab, the drop downs do not appear.

Ideas?

Selected Item in Dropdown list of ClientDetailTemplate Kendo UI Grid changes only in Edit mode but the selected value does not retain in the read mode..

Below is the code for the grid which uses ClientDetailTemplate that contains another grid with editable dropdown list column.The issue I am facing is the the dropdown list in the second grid doesn't reflect the selected value after selection is made in the edit mode..
Not sure how to make the dropdownlist work correctly when added inside a grid under clientDetailTemplate..


 @{Html.Kendo().Grid(Model.lst)
          .TableHtmlAttributes(new { Class = "someBoldClass" })
    .Name("grd1")
    .Columns(columns =>
    {
        columns.Template(e => { }).ClientTemplate(" ").Title("Phase").Width(85);
        columns.Template(e => { }).ClientTemplate(" ").Title("Methodology").Width(110);       
    })
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .Events(e => e
        
        .DataBound("db")
    )
    .HtmlAttributes(new { style = "height:350px;width:100%;" })
    .ClientDetailTemplateId("ActivitiesTemplate")
    .Selectable(select => select.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
    .DataSource(datasource => datasource
    .Ajax()
     .Model(model =>
     {
         model.Id(p => p.EmpID);
         model.Field(p => p.Name).Editable(false);
     }
    )
    .PageSize(5)
    .Read(read => read.Action("PersonContractor_Read", "AUMgr"))
    .Model(model => model.Id(p => p.EmpID)))
    .Pageable(p => p.Enabled(true))
    .Filterable()
    .Sortable()
    .Scrollable()
    .Navigatable()
    .Render()
    ;
    }




<script id="ActivitiesTemplate" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<RMMockup.Models.Project>()
        .Name("GridDetails" + "#=UniqueId#")
        .Columns(columns =>
        {        
            columns.Bound(p => p.Phase).ClientTemplate("<div>#=Phase.PhaseName#</div>").Width(95);
            columns.Bound(p => p.Methodology).ClientTemplate("#=Methodology.MethodologyName#").Width(110);

})
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .Sortable()
        .Selectable(select => select.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
        .HtmlAttributes(new { style = "height:100%;width:100%;" })
        .Scrollable(scroll => scroll.Enabled(true))
        .Filterable()
        .Events(e => e.DataBound("dbActivities"))
        .Pageable(page => page.Enabled(false))
        .DataSource(dataSource => dataSource

        .Ajax()
                .Read(read => read.Action("GetActivities", "AUMgr", new { ProjectID = "#=ProjectID#", PersonId = "#=EmpID#" }).Type(HttpVerbs.Post))
                .Model(model => 
                {
                    model.Id(p => p.ProjectID);
                    model.Field(p => p.Phase).DefaultValue(ViewData["phase"] as RMMockup.Models.Phase);
                    model.Field(p => p.Methodology).DefaultValue(ViewData["methodology"] as RMMockup.Models.Methodology);
                })
        )
        .ToClientTemplate()
             )
</script>

Please see attachment, our editor looks out of whack.  Thanks.

Hi
After updating to the latest version the grid fails to add additional data.
I have this datasource definition:
 .DataSource(dataSource => dataSource
                  .Ajax()
                  .Events(events => events.Error("error_handler").RequestEnd("OnRequestEnd"))
                  .Batch(true)
                  .PageSize(15)
                  .Sort(s => s.Add("SentDate").Descending())
                  .Model(model =>
                  {
                      model.Id(p => p.Id);
})
                  .Read(read => read.Action("GetPayDayMessages", "Message").Data("GetFilterData"))
                  .Update(update => update.Action("UpdateMessages", "Message"))
                  .ServerOperation(true)
              )
My javascript method looks like this:
<script type="text/javascript">
    function GetFilterData() {
        return {
            Closed: $("#ChkShowClosed").prop('checked'),
            ShowWaitingForClose: $("#ChkShowWaitingForClose").prop('checked')
     };
 }
 </script>
The GetFilterData is called but the data is never added to the call to the server. 
This worked fine in the previous version.
Can i make some change to make it work ?

See image for details, the editor seems to be out of whack when in edit mode.

Hi.

I would like to render a numerictextbox for an integer field that does not display any thousands separator. 

Which format can be used to render it? I tried using F as shown here: http://msdn.microsoft.com/en-us/library/dwhawy9k(v=vs.110).aspx but Kendo throws an error saying that it's not a supported format.

So what can I do?

Thanks.