We are evaluating the use of Kendo UI for one of our internal web site development and we have come across an issue related Grid Foreign Key Column.

As shown in the picture attached, we need to populate the Billing Roles Dropdown in the Grid based on the Engagement selected. We are seeing multiple issues to do this. We have tried to use following javascript code to force the Dropdown to reload, the problem with the following approach is JQuery cannot find the DropDown element unless the Grid has New Row or existing rows. But even after having a Row populated in the grid, the dropdown was not getting reloaded with new options. I have placed the similar dropdown outside of the Grid, that grid is getting filtered without any issues.
var dropDown = $("#BillingRoleId").data("kendoDropDownList")
    dropDown.dataSource.read();

We have even tried to reload the grid with the following javascript, but the dropdown list is not refreshed.
var grid = $("#BillingRoles").data("kendoGrid");
    grid.dataSource.read();

The Dropdown list is getting stuck with the initially bounded options while loading the page. It does not seem pick up any modifications done on the ViewData. I am attaching the Model, View and Controller files with the request. Can you please review the same and help us unblock with this issue.

Project Details,
CreateNewRequest is the controller and AddBillingRoleRequestViewModel is the parent which will have collection of AddBillingRoleViewModel. We have created two partial views under CreateNewRequest folder. AddBillingRole.cshtml generates the Grid with the dropdowns. Index.cshtml renders _RequestFormSelect.cshtml and AddBillingRole.cshtml.

Hello,
Is there any possibility to overwrite default pop up menu in mobile using Kendo UI Web Application development.
can anybody ensure me please.

Hello,
i want to raise a touch event(ex: Long touch) in web application,when the web application is opened in mobile is it possible to do

Setup: I have a master model, and my page has a bunch of widgets on it.

So I want to have the widgets powered by MVVM instead of wiring everything up manually in jQuery.

Here's the sample
http://jsbin.com/epijuw/3/edit

So what am I doing wrong here?...why is the event not firing?

Thanks in advance for any help...

I am trying to set the background color for the unselected chart area in the navigator portion of the Stock Chart control. The navigator section is set to "area". If the selected area is not 100% of the width of the total navigation area, the unselected area has a gray background, which clashes with my sites' theme.

Potentially helpful information:

 I am using the Stock Chart on a page that has an existing background color. For that reason, I am setting the chart area background (of the main Stock Chart) to an empty string, making the background transparent.

ChartArea     : {background: ""}

This makes the selected region of the navigator control the same as the host page color, which is perfect for my situation. 

Removing this (the main chart area background to ""), however, seems to have no affect on the unselected navigator portion.

Hi! 
I am a new kendo mobile developer, and i am having some issues when navigating at my mobile app, specially when I deploy to an iOS 5 device.

I have a single page, named index.html, where I put 3 views. Each view is called after a button click. I am using 'button' at data-role attribute and "#view" at href attribute. It works fine at most browsers and iPad simulator. But, when I deploy to an iPad device running iOS 5, the first button tap takes a long time to change the view. After the first tap, the action works fine. What is more interesting is that, when I deploy to a device running iOS 6, everything works fine.

What could be happening? Is there something to do to avoid this delay at the first button tap?

Renaming tree nodes isn't supported natively by kendoui yet...  I had to implement it and thought it would be good to share it.

Basically, I use jeditable and bind to the double click on a tree instance, which is pretty common way to initiate editting of a tree node.

You can see sample:
http://jsfiddle.net/65Dha/8/


Thanks,
Miguel

I've hit a DataViz formatting road block. Any help would be appreciated.

I've created a stacked bar chart with the following specs:
- using ASP.NET MVC DataViz controls
- My GetAllWeeklyResultsForSpecificYear is passing back an object of type IList that contains
-- int TotalResults
-- int NorthAmericaResults
-- int ItalyResults
-- int FranceResults
-- int Year
-- int Quarter
-- int Month
-- int Week
-- DateTime FirstMondayOfWeek

Stored in this list of objects is every week number, year number, and the first Monday of that week.

For example,
Week 1 might contain   Week = 1
                                    Year = 2013
                                    FirstMondayOfWeek = Dec 31, 2012
                                    
Week 2 might contain   Week = 2
                                    Year = 2013
                                    FirstMondayOfWeek = Jan 7, 2013

I would like the X axis to display the stacked bar chart based on the Week (this is the category). This currently works using the code below:

1. I would like to display the X axis label as a formatted DateField for example "d" to display the date as "Jan 2". In order to do this, I need to get the property "FirstMondayOfWeek" and render it.  If I changed the code to the snippet below, it works, but the text is not legible and the bars that are drawn become spaced out by 5 or 6 additional lines. Basically instead of it grouping it by the week(ie: 52 weeks), it now groups it by the FirstMondayOfWeek (365 days), even thought there are only 52 data points. This is because the week number is stored as an integer and the FirstMondayOfWeek is stored as a DateTime object. Instead of it just basing it on the data points, it bases it on the day of the week.
The above snippet currently renders this:  FirstMondayOfWeek-Category-Displays-5-Days-Between-Data-Points.PNG


This snippet below renders: Week-Category-Displays-52-Weeks-Looks-Nicer.PNG


Is it possible to show the number of data points in "Week-Category-Displays-52-Weeks-Looks-Nicer.PNG" (ie: 52 data points instead of 365), but display the FirstMondayOfWeek as the X axis label and on the tooltip template?

2. I would like to be able to display the tool tip with a value from the FirstMondayOfWeek property.  Is it possible to extract the series values? The snipped below does not do this, but perhaps someone can let me know if it's feasible to do this and how to do it.

Thanks for you help!

Hi, 

Is it possible to data-bind a form submit? I know how to bind on button click but I would like to know if I can bind for form submit e.g <form data-bind='submit: handleSubmit'></form>.

Regards, 

Is there any way on this demo - http://demos.kendoui.com/mobile/view/zoomable.html - to have the image start zoomed out? 

I tried width=100%, but then it cuts off the detail above and beyond however many pixels wide the display is.  (In other words, if I zoom in on the image, I don't get additional detail - it just blurs.)

I'd like to have the image start zoomed out with the user able to zoom in on it ... not start zoomed out with the user only seeing the upper left-hand corner of the image to start with.

Thanks.