Questions on Kendo UI for jQuery Forum

4 answers

936 views

How to loop tabstrip tab selection using KendoUI ?

Hi all,

I have following function in asp.net AJAX application. Function is fired by timer (30 sec interval) and it loops all tabs. Now I wonder if this is possible to implement with KendoUI?

Current implementation in ASP.NET AJAX:
function SelectTab()
{
   var tabstrip = $find("tabstrip1");
   var nextIndex = (tabstrip.get_selectedIndex() + 1)
   if (nextIndex >= tabstrip.get_tabs().get_count()) nextIndex = 0;
   tabstrip.set_selectedIndex(nextIndex);
}

I have tried something like this:

var tabstrip = $("#tabstrip").kendoTabStrip;
var selectedIndex = tabstrip.select().index();
var nextIndex = selectedIndex + 1;
//HOW TO FIND OUT IF SELECTED TAB IS LAST ONE?
//HOW TO SELECT TAB BY INDEX?

Any ideas?

BR
Marko

TabStrip

answered on 22 Mar 2012

8 answers

661 views

DataSource not working with ASP.NET Web API oData

After playing around with the new MVC 4 and Web API, I (like several others) noticed that the DataSource doesn't work with the data returned from using a Web API project. I'm attaching a simple solution to look at. No errors, changing the binding type to 'json' from 'odata' will show results.

We know the Web API doesn't support all oData specs but supports enough to implement paging, filtering and sorting.

* Project is written in VS11 and .NET 4.5

Data Source

answered on 22 Mar 2012

1 answer

60 views

Demo Issue

Just wanted to let you know that on the DataViz demo for the scatter chart, that your X and Y axes labels are flipped.

Charts

answered on 22 Mar 2012

3 answers

142 views

How to get x-axis and y-axis co-ordinate values

Hi Telerik team,

We have a requirement to add comments in the chart to elaborate on data points. so how to get x-axis and y-axis co-ordinate values onSeriesClick event.

Is it possiable to add text dynamically to chart on particular datapoint ..?

Thanks,
Rajesh

Charts

answered on 22 Mar 2012

6 answers

458 views

Grid not binding to Kendo Datasource

I'm trying to experiment with this grid to see if these kendo tools could be useful in our enterprise MVC 3 environment. I started up a new MVC 3 app in visual studio and added stylesheet links and jquery 1.6.2 to the head section in _Layout. Then dropped a kendo script reference in the index page and added some code to use the grid.

Grid works if I create the simple Star Wars html table in the examples and call .kendoGrid() on it. But it is not working at all with a div and datasource. Datasource is showing as populated in FireBug. I tried multiple ways to get this working, including initializing data in the kendogrid method, to no avail.

Please see attached screenshot. Should be able to tell from screenshot if there is a coding error. Any help appreciated. Should be easy to replicate as I had the same problem at home and in work environment. Will be happy to provide additional details.

Grid

answered on 22 Mar 2012

2 answers

205 views

Delay render menu on firefox

Hi guys,

I have a problem with kendo menu view on firefox. I have attached 2 images on this post, 1.jpg first and then 2.jpg, it happens in 1 ms, quite fast but enough to see each press F5. It only happens on firefox, there is no problem on IE. Could you please help me to resolve this.

This is my code

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo.common.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo.default.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/kendo.all.min.js")" type="text/javascript"></script>

</head>

<body>

<ul id="nav">

@for (var i = 0; i < 20; i++)

{

<li>Hello</li>

}

</ul>

<div>

@RenderBody()

</div>

</body>

</html>

<script type="text/javascript">

$(function () {

$("#nav").kendoMenu();

});

</script>

Thank you,

Menu

answered on 22 Mar 2012

1 answer

85 views

BlackBerry Track Ball

Hi,

I have browsed the mobile demos in two versions of BlackBerry:

. The version 5 did not show anything. I supposed this could happen but, just in case, I would like to know from you. Does version 5 browser of Blackberry really do not work with KendoUI ?
. The version 7 worked almost perfectly, If I use touch it works ok but the demos did not recognized the track ball. Is this a knonw issue ?

Thanks in advance

General Discussions

answered on 22 Mar 2012

2 answers

508 views

Enable/Disable Row select

Hi,

I have two Kendo Grids. And the User is allowed to select Multiple rows. Now when the second grid is getting loaded, I want to disable the row selection of first grid. And when the second grid is loaded, I again want to enable the row selection. How can i achieve that?

Thanks,
Khushali

Grid

answered on 22 Mar 2012

0 answers

138 views

Updating DropDownList Items Text

Hello,

I'm evaluating KendoUI for a project. One of the needs is to be able to dynamically update the text of the items in a DropDownList. With traditional HTML / JQuery, I can do the following:

<select id="myOptions">

<option value="0">Some Text</option>

<option value="1">Some Other Text</option>

<option value="2">Third Option Text</option>

</select>

...

$("#myOptions option[value='0']").text(getUpdatedText(0));

$("#myOptions option[value='1']").text(getUpdatedText(1));

$("#myOptions option[value='2']").text(getUpdatedText(2));

This works exactly as desired. I've tried something similar in Kendo, however, I haven't had any success. My most recent attempt looks like this:

<select id="myOptions">

<option value="0">Some Text</option>

<option value="1">Some Other Text</option>

<option value="2">Third Option Text</option>

</select>

...

$("#myOptions").kendoDropDownList();

$("#myOptions option[value='0']").text(getUpdatedText(0));

$("#myOptions option[value='1']").text(getUpdatedText(1));

$("#myOptions option[value='2']").text(getUpdatedText(2));

$("#myOptions").data("kendoDropDownList").refresh();

Unfortunately, the text of the options never updates. The reason I need to do this is because I need to update the text of the options on a regular interval. Can someone please tell me what I'm doing wrong?

Thank you!

DropDownList