Hi , i'm not sure where to post that question hence I started it here.

    I have implemented kendo mobile with a dataviz pie graph and a donut graph chart, my issue is i cannot scroll down by tapping or pressing over the SVG chart i can only scroll down the mobile page if i press outside the chart or in the content area of the mobile page.
So in my case if its a chart that takes from side to side and uses the whole page width i will not be able to scroll at all down.
Can you help please?

The kendo UI formatting gets lost when the same screen / template gets displayed for a second time.

On the first visit, the screen (attachment screenshot-1.png) shows the listview nicely formatted.

Then, the user clicks on the "Back" button and then redisplays the screen. The second time, the same screen shows with all formating stripped out (attached screenshot-2.png). When looking at the DOM tree, several wrapped kendo DIV elements are missing - like the ones with class km-scroll-container and km-listview-wrapper.

Any help greatly appreciated. A standalone test HTML page is also attached. Very easy to reproduce: just click on "View jail cards", go back, and click "View jail cards" again.

Here is the snippet that applies the template and navigates to that screen:
Another way to reproduce the error is to apply the templating and navigation twice, like this:

I am trying to use the TimePicker with and interval of 1 minute. However the ui is rather tedious when the interval is set that low. Is it possible to get the control to support multiple drop downs? ie one drop down for each segement: hour, minute, and AM/PM?

Do I need to use a timeout function on the tap event of the touch widget?  I have a touch image that is bound to the tap event that draws focus on the input. However, the keyboard opens and then automatically closes.

$plugin.closest('span').append('<img src ="srb-images/srb-delete.png" class="bar">').find('img').kendoTouch({ tap: function(e) {

                                                                                                                               console.log(e.touch.target.attr('class') + " was tapped");

                                                                                                                               e.touch.target.prev().focus();

                                                                                                                               }

                                                                                                                               });

                   });

On the other hand, if I hold the touch for a period of time, the keyboard stays open.

~ richard

iOS simulator

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?