Hello,

I have kendo scheduler with adaptive rendering and works fine on android and ios browsers if i edit an event by tapping and then save or cancel and editor closed. the scheduler view refreshes without problem. Problem happens when i have a default eventid and i popup edit window using editEvent in scheduler_databound .
function scheduler_dataBound(e) {      

        var start = kendo.format('{0:d}', this.view().startDate());
        var end = kendo.format('{0:d}', this.view().endDate());
        var rootDir = "@Url.Content("~/")";
        $.ajax({
            url: rootDir + "Scheduler/LoadEventID",
            async: false,
            cache: false,
            timeout: 30000,
            success: function (state) {
               // alert(state);
                if (state) {
                    var eventuid;
                    var model = $("#scheduler").data("kendoScheduler").dataSource;
                    var event = model.get(state);
                    $("#scheduler").data("kendoScheduler").editEvent(event);
                   
                }
            }
        });       
    
    }

Works fine on desktop browsers. On tablet phone browsers this opens the correct event with all details. But when i save or cancel and edit window is gone there is just a gray area. I do not see the scheduler unless i reload page. If i call scheduler read and refresh that does not help

Thanks

Anamika

Hi,

I would like to show a different template for the day and the week view of my scheduler. This works correctly when setting the 'AddDayEventTemplate' on the view. However when I change this to use 'AddDayEventTemplateId' (and reference the appropriate script tag) it doesn't show the template and just shows the default event template.

My code is:


If someone could let me know how to resolve that, it would be much appreciated.

Becky

Hi Team,

       I have Two Issues..
      1 )     How to Reload whole Gantt  After Insert and Update .. By default it  refresh only inserted  and updated row . I need to update All the rows for some) condition and refresh the gantt after insert and upload.. 
          
      2)    Move,MoveStart, MoveEnd Events are not Triggered while dragging the row..

Thank You ..

I just upgraded from Q2 to Q3 and our grids are all now showing an extra row in the header. Is this a styling issue? I recall something in the change log about multi-row headers, but I didn't expect it would be on by default.

http://screencast.com/t/bpaJ2rJ6l

Latest build.


I noticed that some grids column resizing no longer works.  It took a while to figure out why some worked and some not.

It seems that if the grid has a .ClientDetailTemplateId() defined - the column resizing no longer works?

We have multiple Heirachical grids but are having issues when trying to construct routing data that contains Guids. The following Template works fine, the Controller receives the Guid Value (Query String Parameters "ruleId:22222222-2222-2222-2222-222222222222") .The content of the tab being a partial view containing a sub-grid:

<script id="RuleDetailTemplate" type="text/x-kendo-template">
    @(Html.Kendo().TabStrip()
        .Name("detailTabs_#=RuleId#")
        .Items(items =>
        {
            items.Add().Text(Resources.DetailsLabel)
                .Selected(true)
                .LoadContentFrom("RuleDetailsTab", "Administration",
                    new { ruleId = "#=RuleId#" });
...
        }).ToClientTemplate()
    )
</script>

However if we replace the TabStrip with a Splitter the controller receives (Query String Parameters "ruleId:#=RuleId#"):

<script id="RuleDetailTemplate" type="text/x-kendo-template">
        @(Html.Kendo().Splitter()
        .Name("detailsContainer_#=RuleId#")
        .Panes(panes =>
        {
            panes.Add()
               .LoadContentFrom("RuleDetailsTab", "Administration",
                    new { ruleId = "#=RuleId#" });
        }).ToClientTemplate()
    )
</script>

We do not specifically want to use a Splitter in this case as there is only one panel but can not embed the sub grid directly as it will also not allow us to build the Model properties for a create.

Hello,

Using the Fluent UI cshtml helpers, I am loading a Kendo UI window, using a template. 

The template contains a grid, for which I utilise aggregates; namely the Sum.

When the window is activated on my page, I receive a javascript error "sum is undefined".

Note: the window is loading a grid of child elements to a parent row of data on the main page's grid. (Hierarchy). 

In my investigations,
 - the template loads the grid correctly and functions perfectly if I do not have aggregates

Any ideas guys?

Thanks,
Brendan

---- TEMPLATE ----
** for brevity, I cut out the .Add(), .Destroy() datasource calls

<script id="MaterialTraceItemsAdvancedTemplate" type="text/kendo-tmpl">
    <div id="details-container">
        <h4>#= Description #</h4>


        @(Html.Kendo().Grid<TraceItem>().Name("grid_#=OID#").Columns(columns =>
          {
              columns.Bound(o => o.Cert).Width(70);
              columns.Bound(o => o.Trace).Width(110);
              columns.Bound(o => o.ExpectedQty).Width(110).ClientFooterTemplate("Sum: #=sum#"); 
              columns.Command(command =>
                  {
                      command.Destroy();
                      command.Edit();
                  }).Width(110);
          }).Editable(editable => editable.Mode(GridEditMode.InLine)).ToolBar(toolbar =>
              {
                  toolbar.Create();
              }).DataSource(dataSource => dataSource.Ajax()
                                              .Batch(true)
                                              .Model(model =>
                                                  {
                                                      model.Id(mt => mt.Id);
                                                  })
                                               .Aggregates(aggregates =>
                                                {
                                                    aggregates.Add(p => p.ExpectedQty).Sum();
                                                })
                                              .Read(read => read.Action("MrclItems_TraceItems", "Receiving", new { OID = "#=OID#" }))
                                              .Events(events => events.Error("error_handler"))).Sortable().Scrollable().ToClientTemplate()
        )
    </div>
</script>

------ WINDOW

@(Html.Kendo().Window().Name("MaterialTraceItemsAdvanced")
    .Title("Material Trace")
    .Visible(false)
    .Modal(true)
    .Draggable(true).Width(800))

------ PARENT Grid command snippet

....
columns.Command(command => command.Custom("TraceItems").Click("grid_ShowDetails")).Width(100);
....

------ PARENT Grid invocation javascript
   var materialTraceItemsAdvancedTemplate = kendo.template($("#MaterialTraceItemsAdvancedTemplate").html());
    var dataItem;

    function grid_ShowDetails(e, scope) {
        e.preventDefault();

        dataItem = scope.dataItem($(e.currentTarget).closest("tr"));
        var wnd = $("#MaterialTraceItemsAdvanced").data("kendoWindow");
        wnd.content(materialTraceItemsAdvancedTemplate(dataItem));
        wnd.bind("activate", window_activate);
        wnd.center().open();
    }


    function window_activate() {
        var gridName = "#grid_" + dataItem.OID;
        var grid = $(gridName).getKendoGrid();
         grid.bind("edit", function (e) {
            if (e.model.isNew() && !e.model.dirty) {
                e.container
                  .find("input[name=Cert]") 
                  .val(traceCertTemplate) //variable provided from _MrclItemsGridView
                  .change(); 
                e.container
                  .find("input[name=Trace]") 
                  .val(traceValueTemplate) //variable provided from _MrclItemsGridView
                  .change(); 
            }
         });


       
    }

I have a grid that's I want to refresh, with the old telerik mvc controls we could use ajaxrequest, but that does not seem to work with kendo grid.
How do I refresh the grid without having to reload the page?

Thanks

Hi, I am trying to implement a Mobile example using Kendo UI ASP.NET MVC using Visual Studio 2013 Express for Web. 
http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/mobilelistview/overview

I've done this:
- Reference to kendo dll: C:\MovilLab\Kendo2014.2.1008\Kendo.Mvc.dll  (v 2014.2.1008.340)
- Add in the web.config of the view in Namespace tag: <add namespace="Kendo.Mvc.UI" />

Index.chtml

@using MovilLab;
@using MovilLab.Controllers;

<!DOCTYPE html>
<html>
<head>
    <title></title>
    @Html.Partial("~/Views/Comunes/HeaderCssJs.cshtml")
</head>
<body>
    @(Html.Kendo().MobileView()
        .Name("grouped")
        .Title("ListView")
        .Content(obj =>
            Html.Kendo().MobileListView()
                .Name("grouped-listview")
                .TemplateId("template") //configure the item template
                .FixedHeaders(true)

                .DataSource(dataSource => dataSource
                            .Read(read => read.Action("Read", "Home"))
                            .Group(group => group.Add("Letter", typeof(string)))
               )
        )
    )

    @(Html.Kendo().MobileApplication()
    .ServerNavigation(true)
    )

</body>
</html>


HeaderCssJs.cshtml   (is a PartialView)

<link href="~/Content/kendo/2014.2.1008/kendo.common.min.css" rel="stylesheet" />
<link href="~/Content/kendo/2014.2.1008/kendo.default.min.css" rel="stylesheet" />
<link href="~/Content/kendo/2014.2.1008/kendo.dataviz.min.css" rel="stylesheet" />
<link href="~/Content/kendo/2014.2.1008/kendo.dataviz.default.min.css" rel="stylesheet" />
<link href="~/Content/kendo/2014.2.1008/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/kendo/2014.2.1008/angular.min.js"></script>
<script src="~/Scripts/kendo/2014.2.1008/kendo.all.min.js"></script>
<script src="~/Scripts/kendo/2014.2.1008/kendo.aspnetmvc.min.js"></script>


HomeController.cs  (I have 2 actions):

public ActionResult Index()
{
       return View();
}

[AcceptVerbs(HttpVerbs.Post)]
        public ActionResult Read([DataSourceRequest] DataSourceRequest request)
        {
            var products = new[] {
            new { Name = "Sashimi salad", Letter = "S" },
            new { Name = "Chirashi sushi", Letter = "C" },
            new { Name = "Seaweed salad", Letter = "S" },
            new { Name = "Edamame", Letter = "E" },
            new { Name = "Miso soup", Letter = "M" },
            new { Name = "Maguro", Letter = "M" },
            new { Name = "Shake", Letter = "S" },
            new { Name = "Shiromi", Letter = "S" },
            new { Name = "Tekka maki", Letter = "T" },
            new { Name = "Hosomaki Mix", Letter = "H" },
            new { Name = "California rolls", Letter = "C" },
            new { Name = "Seattle rolls", Letter = "S" },
            new { Name = "Spicy Tuna rolls", Letter = "S" },
            new { Name = "Ebi rolls", Letter = "E" },
            new { Name = "Chicken Teriyaki", Letter = "C" },
            new { Name = "Salmon Teriyaki", Letter = "S" },
            new { Name = "Gohan", Letter = "G" },
            new { Name = "Tori Katsu", Letter = "T" },
            new { Name = "Yaki Udon", Letter = "Y" }
            };

            //return the data as JSON
            return Json(products.ToDataSourceResult(request));
        }

I compile and run, but my problem is that the Browser appear in blank! And I put a BreakPoint in Read Action in HomeController and not enter there!
When I check using F12 in Chrome Response Tab appear an error in data-source attribute. Any help??:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="/Content/kendo/2014.2.1008/kendo.common.min.css" rel="stylesheet" />
<link href="/Content/kendo/2014.2.1008/kendo.default.min.css" rel="stylesheet" />
<link href="/Content/kendo/2014.2.1008/kendo.dataviz.min.css" rel="stylesheet" />
<link href="/Content/kendo/2014.2.1008/kendo.dataviz.default.min.css" rel="stylesheet" />
<link href="/Content/kendo/2014.2.1008/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="/Scripts/jquery-1.8.2.min.js"></script>
<script src="/Scripts/kendo/2014.2.1008/angular.min.js"></script>
<script src="/Scripts/kendo/2014.2.1008/kendo.all.min.js"></script>
<script src="/Scripts/kendo/2014.2.1008/kendo.aspnetmvc.min.js"></script>

</head>
<body>
    <div data-reload="false" data-role="view" data-stretch="false" data-title="ListView" data-use-native-scrolling="false" data-zoom="false" id="grouped"><div data-role="content"><ul data-fixed-headers="true" data-role="listview" data-source="{&quot;type&quot;:(function(){if(kendo.data.transports[&#39;aspnetmvc-ajax&#39;]){return &#39;aspnetmvc-ajax&#39;;} else{throw new Error(&#39;The kendo.aspnetmvc.min.js script is not included.&#39;);}})(),&quot;transport&quot;:{&quot;read&quot;:{&quot;url&quot;:&quot;/Home/Read&quot;},&quot;prefix&quot;:&quot;&quot;},&quot;serverPaging&quot;:true,&quot;serverSorting&quot;:true,&quot;serverFiltering&quot;:true,&quot;serverGrouping&quot;:true,&quot;serverAggregates&quot;:true,&quot;group&quot;:[{&quot;field&quot;:&quot;Letter&quot;,&quot;dir&quot;:&quot;asc&quot;}],&quot;filter&quot;:[],&quot;schema&quot;:{&quot;data&quot;:&quot;Data&quot;,&quot;total&quot;:&quot;Total&quot;,&quot;errors&quot;:&quot;Errors&quot;,&quot;model&quot;:{}}}" data-template="template" id="grouped-listview"></ul></div></div>

    <script>
jQuery(function(){ new kendo.mobile.Application(jQuery(document.body), {"hideAddressBar":true,"updateDocumentTitle":true,"serverNavigation":true}); });
</script>

<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
    {"appName":"Chrome","requestId":"50645a161c474181843daf7db7ac40ef"}
</script>
<script type="text/javascript" src="http://localhost:49837/5a71b082460e41bebf77ca5ae81229a0/browserLink" async="async"></script>
<!-- End Browser Link -->
</body>
</html>

I am having an issue when working with DropDownList components. After binding the component if a vertical scrollball is needed (too many records at once), if you scroll down in attempt to select a value, the combo box get closed. At second attempt the combo works fine and you can scroll down with any problem. 
Our project is running with kendo.web.js version “v2013.2.918”, due to internal project policies we are not allow to change neither .js version nor kendo.mvc dll. 
Is there any workaround to this issue for this version?

<div class="controlBlock">            <label>*@Html.RawLocalized(WorkspaceMessageKeys.WorkspaceType).ToString()</label>
            @(Html.Kendo().DropDownListFor(m => m.WorkSpaceTypeId)
                    .Name("WorkSpaceTypeId")
                    .HtmlAttributes(new { @class = "check" })
                    .DataTextField("WorkSpaceTypeDesc")
                    .DataValueField("WorkSpaceTypeId")
                    .OptionLabel(Html.RawLocalized(WorkspaceMessageKeys.Select).ToString())
                    .DataSource(source =>
                    {
                        source.Read(read =>
                        {
                            read.Action("FindWorkSpaceTypes", "WorkSpace")
                                .Type(HttpVerbs.Post);
                        })
                        .ServerFiltering(true);
                    })
                )
            <div>
                @Html.ValidationMessageFor(m => m.WorkSpaceTypeId)
            </div>
</div>

Thanks in advance.