Questions on Kendo UI for jQuery Forum

2 answers

704 views

Best way to find the root element by class

Hello,

Once created, many Kendo components root DOM element are wrapped under new HTML elements. Any class of the original input will also be copied to some parent elements.

Ex:

1.<input type="text" class="MyClass" />

Notice kendo added the MyClass to the span wrapper at line #1 and #3 once the DateTimePicker is created.

1.<span class="k-widget k-datetimepicker k-header MyClass" style="width: 200px;">

2. <span class="k-picker-wrap k-state-default">

3. <input id="mydatetimepicker" style="width: 100%;" data-role="datetimepicker" type="text" class="k-input MyClass" role="textbox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" aria-readonly="false" aria-label="Current focused date is 5/22/2013 9:50:42 AM">

4. <span unselectable="on" class="k-select">

5. <span unselectable="on" class="k-icon k-i-calendar" role="button" aria-controls="datetimepicker_dateview">select</span><span unselectable="on" class="k-icon k-i-clock" role="button" aria-controls="datetimepicker_timeview">select</span>

6. </span>

7. </span>

8.</span>

When you access the root input (line #3) with the ID, there's no problem.

1.$('#mydatetimepicker')

2.//Will return the input of line 3

However, if you want to use the class, then is getting more tricky.

1.$('.MyClass')

2.//Will return the span of line 1 and the input of line 3

As each widget (DateTimePicker, DropDownList, ComboBox...) are wrapped differently, it might be a good idea to add a class to the root input that would allow us to spot the input we are looking for?

General Discussions

answered on 28 May 2013

7 answers

390 views

Kendo UI Grid Freezing vertical scrollbar and command buttons disappearing when scrolling horizontal scrollbar

Hi,
I have scrollable Kendo grid which must fill in entire browser window (currently Chrome).

I need the vertical scrollbar to be frozen (not disappear) when I scroll to the right with the horizontal scrollbar. Also the command buttons to be frozen when I scroll to the left

Please see the attached pictures.

Thank you in advance

Shabtai

Grid

answered on 28 May 2013

5 answers

644 views

Convert an jquery <Select> in Kendo.

HI, we got a javascrip program that parse an html file in memory and then do some work on it and add the element to the active DOM.
When I try to convert an <select></select> contained in a jQuery variable in a KendoDropDown list, a strange thing append.

if I use the "normal way" to convert the select in KendoDropdown. In this case the <select> is aleready in the active DOM:

<select id="testSel">

</select>

$('#testSel').kendoDropDownList();

I got this result:

<span class="k-widget k-dropdown k-header" style="" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="testSel_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false">

<span class="k-dropdown-wrap k-state-default" unselectable="on">

<span class="k-input" unselectable="on"> </span>

<span class="k-select" unselectable="on">

<span class="k-icon k-i-arrow-s" unselectable="on">select</span>

</span>

<select id="testSel" data-role="dropdownlist" style="display: none;"></select>

</span>

Now, if I try to convert it from memory:

$srcElem.kendoDropDownList();

where $srcElem is a jQuery DOM object that containt

<select id="test2Sel" data-acteur="SELTHEME"></select>

I got this result in the active DOM:

<select id="test2Sel" data-acteur="SELTHEME">

<select id="test2Sel" data-acteur="SELTHEME" data-role="dropdownlist" style="display: none;"></select>

</select>

I am doing someting wrong...

DropDownList

answered on 28 May 2013

1 answer

100 views

Grid Local Data Updated

Hi!

So, I have a Grid on my project like this:

<iframe width="100%" height="300" src="http://jsfiddle.net/JnP8M/32/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

I want to update the MyGlobalVars.GridData locally.
I can see that when the user clicks "save changes", an array of the changed data gets passed to the function.
If I want to update MyGlobalVars.GridData am I supposed to do it manually? Or is there some kind of way to sync it?

Thanks.

Grid

answered on 27 May 2013

1 answer

188 views

StockChart: How to control aggregation when baseUnit is set to auto?

Hello forum,

I'm using the StockChart for "non-stock" date-based data because I like the functionality and look&feel of the navigator. Now I ran into an issue with the granularity of the displayed data and I can't find the right place to customize the behaviour (please have a look at the attached images):

When I want to show, lets say, a temperature chart for a given time period of 1 week (which is shown as a whole in the navigator as an area chart), and the current selection covers an interval of 3 days, the automatic aggregation in he upper chart displays about 26 values. When I then enlarge the selection to 3.5 or 4 days, the upper chart jumps to a much coarser display.

Is there a way to control this behaviour? I would like to achive something like this: when the unit in the upper chart jumps to days (like in the second image), I would like to...

1. have the labels on the x-axis show the date rather than "00:00"
2. display more datapoints to get a smoother curve (e.g. about 25 like in the smaller units)

How can I do this? And where can I set the "threshold", the maximum number of datapoints shown in a given unit?

Thanks for your help!

Regards,
Rob

Charts

answered on 27 May 2013

6 answers

893 views

datepicker stops functioning properly after setting value('')

I have two date pickers, one for a start date and one for an end date. When a start date is selected, I check the value of the end date and if it occurs after the end date, I clear the value of the start date by calling .value('') After I do this, I can no longer select a date for that datepicker and have the date appear in the control. Am I doing something wrong? Is there another way to clear the value than passing an empty string to value()?

DatePicker

answered on 27 May 2013

7 answers

83 views

New Forum Software, Authentication

Maybe this is not the correct forum, but I found no better forum.

There have been some changes to the Kendo website and forum software. For the last couple of days I see the following:

If I reply to my own posts, I get a notofication by email. This was not so in the past.
If I authenticate on www.telerik.com, then go to the Kendo website, the authentication is not handed over. I have to log in again.
If I log in to the Kendo website, then close the browser, then open the Kendo website again, I have to log in again.

Michael G. Schneider

General Discussions

answered on 27 May 2013

1 answer

138 views

Tooltip that has a content template with linear gauge

I am trying to display a tooltip that displays a linear gauge via content template; however, when the tooltip displays it renders only a blank grey screen. Can you provide a minimalist example that demonstrates how to display a linear gauge inside a tooltip? Thank you!

ToolTip

answered on 27 May 2013

3 answers

51 views

Does kendo supports kindle fire?

Hi,
Does Kendo Mobile supports Kindle Fire? I find it almost not responding.
Thanks.

General Discussions

answered on 27 May 2013

1 answer

151 views

Metro theme grid column header hover issue with sort arrow

When you sort a column in the grid then hover your mouse over the column header, the sort arrow appears to disappear.

The attached files are sections of screenshots taken from here:
http://demos.kendoui.com/web/grid/sorting.html

Grid

answered on 27 May 2013