Questions on Kendo UI for jQuery Forum

6 answers

474 views

How to overlay a vertical marker on a line chart?

Hi I am a newbie to Kendo Dataviz so apologize if this is something that has been answered before. Basically I am constructing a line chart using a time based series and the data is dynamically updated so the axis/values are been updated over time and the graph is refreshed every few seconds. I need to mark certain events at some point of time on the same graph so users can see how these events are correlated to the values been displayed. Ideally these events should be marked as a vertical line overlaid on the graph so the event time and its correlation to the chart data points can be clearly seen.

I have not been able to find a way to do this with Kendo Dataviz. Is there a feature that will allow me to do this or is there a way that I can use to directly access the graph canvas and do some direct drawing?

Thanks and appreciate your help,

Jason

Charts

answered on 27 Sep 2013

2 answers

79 views

Resize events and move events not working on Kendo Web Open Source version

Hi all,

I just want to ask if the Kendo Web Open Source version is also updated from last September 18 2013 release?
I just have downloaded the Open source version a days ago and changed my scripts from trial version to an open source , the resize and move events seems not working anymore.
Is the opensource version not updated from the new released?

Thanks,
Jay

Scheduler

answered on 27 Sep 2013

1 answer

239 views

Set column width using table initialization

I am initializing a grid using an html table, including

<table id="grid">

<colgroup>

<col style="width:50px" />

<col style="width:25px" />

</colgroup>

<thead>

<tr>

<th>Hour</th>

<th>10 AM</th>

etcetera

However, the columns seems to blithely ignore the instructions. The table should be as large as necessary to accommodate all of the columns. What is missing or going askew here?

Thanks.

Here is the fiddle I am using to prototype: http://jsfiddle.net/raltman/wcD28/5/

Grid

answered on 27 Sep 2013

7 answers

293 views

Binding select event via MVVM

I have markup for a button group like the following:

<ul data-role="buttongroup" data-index="0" data-bind="select: deliveryMethodChanged">

<li>

Email

</li>

<li>

Download

</li>

</ul>

I'm trying to use the MVVM method to bind to the select event however I'm getting the following error in version 2013.2.716 at line 10373:
0x800a01bd - JavaScript runtime error: Object doesn't support this action

Am I missing something? Is it not possible to bind to the select event in this way?

Scott

ButtonGroup

answered on 27 Sep 2013

1 answer

260 views

How to execute the kendo window in a for loop to work like a Confirmation dialog box ?

Alert Box
<img src="~/Themes/Images/AlertQues.png" class="DeleIcon" />
<p>Data already exist with Date: <b><span id="rid">@ViewBag.ID </span></b><br /> Do you want to assign the
data anyway ?</p>
<br />
<br />
<div class="floRight">
<input type="button" value="Yes" class="k-button" id="ConApptYes" style="width:100px;" onclick="ConflictYes();" />
<input type="button" value="No" class="k-button" id="ConApptNo" style="width:100px;" onclick="ConflictNo();"/>
</div>

<script>
function ConflictYes()
{
debugger;
var a = document.getElementById('CIdVal').value;
var b = document.getElementById('FResIdVal').value;
document.getElementById('alertFlag').value="false";
b = b + "," + a;
var window = $("#conflictAlert").data("kendoWindow");
window.close();
}

function ConflictNo()
{
var window = $("#conflictAlert").data("kendoWindow");
window.close();
}
</script>

Javascript in Another View

for (var i = 0; i < cResId.length;
i++) {
document.getElementById('CIdVal').value = cResId[i];
doneflag='false'
var window = $("#conflictAlert").data("kendoWindow");
window.open();
window.center();
}

Requirement
After the Conflict Alert Open if the “Yes” or “No” button is clicked then only the loop have to start to run again for its next iteration. Else the loop should not execute for the next I value. The Kendo Window must act like a “Confirmation Dialog Box”

Example
if (confirm(Are you sure . Do you want to continue?')) {
// Save it!
alert("Yes");
} else {
// Do nothing!
alert("No");
}

Thanks
Mayil
[On Behalf of Jeremy Thompson]

Window

answered on 27 Sep 2013

1 answer

124 views

Does Kendo UI DataViz supports logarithmic value axis?

Hi all,
Does Kendo UI DataViz supports logarithmic value axis?
Example:
http://www.amcharts.com/javascript-charts/line-chart-with-logarithmic-value-axis/

Charts

answered on 27 Sep 2013

8 answers

135 views

Query state of editor

Hi,

I'm evaluating kendo.ui.editor for use embedded in an iOS app (js loaded locally into UIWebView).

A requirement is to use a native toolbar instead of the HTML-toolbar provided by Kendo.
The native toolbar needs to reflect the content of the text at the editing position (just like the html toolbar does),
and therefore I need to be able to query the editor for attributes about the text at the cursor position.
Things like "is the text bold", "what is the font and font-size", ...

I can't seem to find any methods to query this information in the documentation at http://docs.kendoui.com/api/web/editor.

What I'm looking for is basically the equivalent of TinyMce's queryCommandState (http://www.tinymce.com/wiki.php/api4:method.tinymce.EditorCommands.queryCommandState).

How can I query the kendo.ui.editor about it's state ?

Thanks.

Editor

answered on 27 Sep 2013

1 answer

96 views

seriesColors gradient?

Hi,
I am trying to replicate chart coloring similar to what can be seen in the following screenshot, where the starting color is blue and the end color is red. No matter how many data points are in between an equal gradient will be formed - this is done dynamically and can be applied to a chart with X number of bars.

Is this possible? I am using seriesColors at the moment but they don't automatically spread the gradient across the chart. If for example there are only 2 bars on a chart, one will show blue and the other red.

Hope this was explained ok, I do not want to hard-code seriessColors for each chart as these graphs are being displayed dynamically from a datasource.

Thanks,
Andrew.

General Discussions

answered on 27 Sep 2013

2 answers

166 views

Virtual scrolling with datasource paging unstable

Hello,

I'm using a kendo grid with scrollable: { virtual: true } with a kendo datasource with serverPaging.
This works fine when the grid is only used to read data, but i'm experiencing strange effects with CRUD operations on the datasource.
Especially when a datasource.cancelChanges() is called when the grid is on another page then the first page.
When I edit any of the model fields and decide to cancel the changes this is what happens:
- the Model.set has been called due to leaving the input (blur event)
- dataSource.cancelChanges will be called.
- dataSource jumps to first page.

Side effects:
- page data is out of sync and doesn't show the first row anymore.

It even gets weirder when I use dataSource.cancelChanges(myModel) when i'm on another page then the first page.
The entire row disappears from the grid which leaves the grid showing 14 rows instead of 15 (pageSize).

All in all the whole paging mechanism appears to be extremely buggy in a real world application (including CRUD operations.. etc)

Grid

answered on 27 Sep 2013

1 answer

91 views

navigator question

Is the navigator in the stock chart demo only available for the stock chart? If so is there any limitation of the stock chart that will prevent it from working with other time series based data (I am interested in the line chart)?

Thanks,

Jason

Charts

answered on 27 Sep 2013