I have been using Kendo UI controls such as menu and grid in my current project.  I wanted to add some additional real time functionality using SignalR.  However, after I add the following code to my Global.asax.cs file, which enables routing for SignalR, I get run-time errors on my Kendo UI markup.  I hope someone can help, as I am stumped and have spent a ton of time on this already.

Here is the code that I add to my Global.asax.cs in the Application_Start():
RouteTable.Routes.MapHubs();

Here is my markup for the first Kendo UI menu control in my _Layout.cshtml file, which works fine until I add the line above:
@(Html.Kendo().Menu()
      .Name("topLevelMenu")
      .Items(items =>
          {
              items.Add().Text("CRM").Action("Index", "Crm").ImageUrl("~/Images/group.png").LinkHtmlAttributes(new {id = "btnCrm"});
              items.Add().Text("Accounting").Action("Index", "Accounting").ImageUrl("~/Images/coins.png");
              items.Add().Text("Inventory").Action("Index", "Inventory").ImageUrl("~/Images/table.png");
              items.Add().Text("Daily Service").Action("RepairOrdersCalendar", "DailyService").ImageUrl("~/Images/calendar.png");
          })
)

The error I get is a NotImplementedException.  Here is the stack trace:
   at System.Web.HttpRequestBase.get_CurrentExecutionFilePath()
   at Microsoft.Owin.Host.SystemWeb.OwinRoute.GetRouteData(HttpContextBase httpContext)
   at System.Web.Routing.RouteCollection.GetRouteData(HttpContextBase httpContext)
   at Kendo.Mvc.Infrastructure.Implementation.AuthorizationContextCache.GetAuthorizationContext(RequestContext request, String controllerName, String actionName, RouteValueDictionary routeValues)
   at Kendo.Mvc.Infrastructure.Implementation.ControllerAuthorization.IsAccessibleToUser(RequestContext requestContext, String controllerName, String actionName, RouteValueDictionary routeValues)
   at Kendo.Mvc.Infrastructure.Implementation.NavigationItemAuthorization.IsAccessibleToUser(RequestContext requestContext, INavigatable navigationItem)
   at Kendo.Mvc.UI.NavigationItemContainerExtensions.WriteItem[TComponent,TItem](TItem item, TComponent component, IHtmlNode parentTag, INavigationComponentHtmlBuilder`1 builder)
   at Kendo.Mvc.UI.Menu.<WriteHtml>c__AnonStorey73.<>m__21C(MenuItem item)
   at Kendo.Mvc.Extensions.EnumerableExtensions.Each[T](IEnumerable`1 instance, Action`1 action)
   at Kendo.Mvc.UI.Menu.WriteHtml(HtmlTextWriter writer)
   at Kendo.Mvc.UI.WidgetBase.ToHtmlString()
   at Kendo.Mvc.UI.Fluent.WidgetBuilderBase`2.ToHtmlString()
   at System.Web.WebPages.WebPageExecutingBase.WriteTo(TextWriter writer, Object content)
   at ASP._Page_Views_Shared__Layout_cshtml.Execute() in c:\Development\TrishullaErp\Trishulla.Erp.Web.Core.Main\Views\Shared\_Layout.cshtml:line 57
   at System.Web.WebPages.WebPageBase.ExecutePageHierarchy()
   at System.Web.Mvc.WebViewPage.ExecutePageHierarchy()
   at System.Web.WebPages.WebPageBase.ExecutePageHierarchy(WebPageContext pageContext, TextWriter writer, WebPageRenderingBase startPage)
   at System.Web.WebPages.WebPageBase.Write(HelperResult result)
   at System.Web.WebPages.WebPageBase.RenderSurrounding(String partialViewName, Action`1 body)
   at System.Web.WebPages.WebPageBase.PopContext()
   at System.Web.Mvc.ViewResultBase.ExecuteResult(ControllerContext context)
   at System.Web.Mvc.ControllerActionInvoker.<>c__DisplayClass1a.<InvokeActionResultWithFilters>b__17()
   at System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation)

In my MVC 4  application I'm using Kendo UI Grid. For data binding I'm using Ajax
Code in view look like this:

Html.Kendo().Grid(new DataTable())
    .Name("grid-zaznamy")
    .Columns(columns =>
        {
            columns.Bound("Code").Title("Kod").Width(30).HeaderHtmlAttributes(new {title = "Kod klienta"}).ClientTemplate("# if (Code === 'A') { # <img title='Our client' src='" + @Url.Content("~/Content/Images/ico_16x16_our.png") + "' # } #");                            
            columns.Bound("Name").Title("Jmeno").Width(55).HeaderHtmlAttributes(new {title = "Jmeno klienta"});
            columns.Bound("Surname").Title("Prijmeni").Width(60).HeaderHtmlAttributes(new {title = "Prijmeni klienta"});                            
            columns.Template(@<text></text>).ClientTemplate("<div class='actions'><a id='link_client_#=ClientId#' href='" + Url.Action("Prehled", "Klient") + "/#=ClientId#?nadorId=#'>Detail</a></div>").Width(150);
        })
    .DataSource(dataBinding => dataBinding
                                   .Ajax()
                                   .ServerOperation(true)
                                   .Total(Model.TotalCount)
                                   .PageSize(20)
                                   .Read("DataGrid", "Zaznamy", Model.Filter)
                                   .Model(model => model.Id("Id")))
    .Pageable(paging =>
              paging.PageSizes(new[] {20, 50, 100, 200, 500, 1000}))
    .Scrollable(c => c.Height("600px"))
    .Resizable(resizing => resizing.Columns(true))
    .Events(events => events.DataBound("onDataBound"))
    .Sortable()
    .Render();

Action in Controler look like this:

  [AjaxRequest]
  public ActionResult DataGrid(GridCommand command)
  {
      .
      .
      model.Data = load ...   
      
      return Json(new DataSourceResult {Data = model.Data, Total = model.TotalCount}, JsonRequestBehavior.AllowGet);
    
  }

The broblem is when I click on column header, binding action is called, but then I'm redirected to that action bz get.
That's why in header is generated:

<a class="k-link" href="/Zaznamy/DataGrid?IsEmpty=False&RodneCislo=60&UseLast=False&Filter.RodneCislo=60&_submit=None&grid-zaznamy-sort=KrajOkres-asc">

I dont know how to suppress that contet of href. In all samples which I have ever seen was #

Browser: Internet Explorer 9
Framework: ASP.net MVC 3 with Razor
IDE: Visual Studio 2010
OS: Microsoft Windows 7
Kendo Version: 2012.2.710

When I open my Webpage with a Html.Kendo().Grid in a C# System.Windows.Forms.WebBrowser Control and try to group by a column I get the attached javascript Error. The inital load of the data works.

When I open the Page using Internet Explorer everything works.

When I use my Webbrowser Control to open the telerik grid samples grouping works,

Error translated:
In a script on this page has a error occred:

Line:  8
Column: 44082
Error: Could not get value of "length". The object is null or undefined
Code: 0
URL: http://localhost:12384/Scripts/kendo.web.min.js

My Grid Control:

@(Html.Kendo().Grid<lobotask.web.ViewModel.TaskViewModel>()    
	.Name("Grid")
	.Columns(columns => {
		//columns.Bound(t => t.).Title("ID");
		columns.Bound(t => t.Name).Title("Name").Groupable(true);
		columns.Bound(t => t.Description).Title("Beschreibung").Groupable(false);
		columns.Bound(t => t.RecipientsText).Title("Empfänger").Groupable(true);
		columns.Bound(t => t.Status).Title("Status").Groupable(true).Width(100);
		columns.Bound(t => t.Status).Title("Result").Groupable(true).Width(100);
	})
	.Pageable()
	.Sortable()
	//	.Resizable(t => t.Columns(true))
	.Scrollable() 
	.Filterable()
	.Groupable()
	
	.DataSource(dataSource => dataSource
		
		.Ajax()
		.Read(read => read.Action("MyTasks", "Tasks"))
		//.Server()
		//.Read(
	 )
)

Hi,

I am trying to create hyperlink column using ClientTemplate and Html.ActionLink.  Here is my code:


It creates properly hyperlink for id in the browser, but when I click on hyperlink I am getting on the server orderId "#=Id#", so first "#=Id#" was rendered properly with proper order Id, but it was not rendered when it passed to the server side.

Please advise what I am doing wrong.

Thanks.

Hi,
Please see my attached screenshot. Each time a user click on the search button, my listview should repopulate with the new results. I have tried the dataSource.read() / refresh() methods in the button click but it’s not working. Any one from telerik, please go through my code and give me a working solution.

CODE
<head>
    <title></title>
    <script src="Mobile_JS/jquery.min.js" type="text/javascript"></script>
    <script src="Mobile_JS/kendo.mobile.min.js" type="text/javascript"></script>
    <link href="Mobile_CSS/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />    
</head>
<body>
    <div id="vw_AddTradeRequest" data-role="view" data-title="New Trade Request" data-init="intSecModal">
        <header data-role="header">
            <div data-role="navbar">
                <a data-align="left" data-role="backbutton">Back</a> <span data-role="view-title">
                </span>
            </div>
        </header>
        <ul id="lvw_formElement" data-role="listview" data-style="inset">
            <li>Security            
                <ul style="list-style-type:none;"><li><input type="text" style="right:2.2em;"/>
                <a data-role="detailbutton" data-rel="modalview"  data-icon="more" href="#mvw_SearchSec"></a></li></ul>
            </li>
            
        </ul>

        <div data-role="modalview" id="mvw_SearchSec" style="width: 90%;">
            <header data-role="header">
                <div data-role="navbar">                 
                 <input id="txt_SearchSecurity"
                    type="text" style="border: 1px solid Gray;margin-right:0.1em;" data-align="left" value="amgn"/><a data-role="button" id="btn_searchSecurity" data-align="left">Search</a>
                    <a data-role="button" id="btn_clearSearchSec" data-align="left">Clear</a>
                    <a data-role="button" data-align="right" data-click="closeSecSearchModalView">Close</a>
                </div>
            </header>
            <ul id="lvw_Search" data-role="listview">           
                <li>
                </li>
            </ul>
            <ul id="lvw_Security" />
        </div>
    </div>
    <script id="kt_SecurityListTemplate" type="text/x-kendo-template">
    <div>
        #= SYMBOL #      
    </div>
</script>
<script id="kt_SecurityHeadTemplate" type="text/x-kendo-template">
    
       <h3> HI</h3>    
   
</script>

<script>
    function intSecModal() {
        var secData = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "mypage.aspx?security=&sm=0&ft=" + $("#txt_SearchSecurity").val(), // the remove service url  
                    dataType: "json"
                }
            }

        });

        $("#lvw_Security").kendoMobileListView({
            dataSource: secData,
            template: $("#kt_SecurityListTemplate").text(),           
            click: function (e) {
                console.log(e.dataItem.SYMBOL);
            }
        });

        $("#btn_searchSecurity").click(function () {
            var lvwObjSecurity = $("#lvw_Security").data("kendoMobileListView");           
            lvwObjSecurity.dataSource.read();
        });
        $("#btn_clearSearchSec").click(function () { $("#txt_SearchSecurity").val("");});         
    }

    function closeSecSearchModalView() {
        $("#mvw_SearchSec").kendoMobileModalView("close");
    }
</script>
</body>

 

Thanks and Regards,
Sibin

When I run my app on localhost for testing, the icons all show properly.  When I deploy my app in IIS, I don't get any icons either in a desktop browser or from a mobile device.  The Content folder is there in the deployment, it all looks fine.  What am I missing?

Hello,

I'm wondering if it's possible to create a tabstrip without any icon. Just the text.

Something like that:


P.S. I tried it but I can't find the code in .css in order to remove the background empty "icon" box.

I am testing the window widget. I need to prepare some desktop like application, so I want to ask you about the minimize event/option for the window and as I see still don't have maximize event and the maximize don't work for parent div/container like in RadWindow. I think minimize option should look similar to telerik RadWindow behavior. Will this be part of the official release? I don't think that this is a big deal feature, but to be honest there is no a really good jquery window widget on the market.

I have a series of objects that have a datetime stamp. Is there a way to group them by date, despite the time stamps being different? For instance, if two object occurred on the same date, but at different times, I'd like them to be in the same "Date" group, but sorted by time.

Thanks,
Will

Hi

I have a grid that has lots of column and its not align properly and it happen when i scroll horizontally.

thanks