Questions on Kendo UI for jQuery Forum

3 answers

162 views

Local array built from DataSource and bound (MVVM) to Chart doesn't update when data source items change

I'm trying to build a grid that displays a set of users, in this example 5 users, and a pie chart that displays those 5 users' licenses and a block of 5 unused licenses for a total of 10 licenses. This jsbin demonstrates the grid and chart. Click the delete button. Notice the grid removes and row but the chart does not reflect the change.

My question is why doesn't the chartDataSource get refreshed when the gridDataSource's data changes?

I found this post and it does provide a workaround but I don't see why the chartDataSource function doesn't get called when model.get('gridDataSource') is used inside of it and clearly the gridDataSource changes.

Here is a jsbin that demonstrates the workaround.

Thanks,
Jon

MVVM

answered on 08 Jul 2013

4 answers

330 views

what is .data() for?

Hi, I'm new to KendoUI, something i not understand is what is the different between

var slider = $('#slider').kendoSlider().data('kendoSlider');

and

var slider = $('#slider').kendoSlider();

?

what is the .data() method for?

thanks.

General Discussions

answered on 08 Jul 2013

17 answers

578 views

Editing source

I'm wanting to changed the default behavior of when you hit enter and it double space to be single spacing when you hit Shift + Enter, but I cannot find out where Shift + Enter is being performed in the source. Also under JavaScript Dependencies there is no list of the required JavaScript files for the editor. Thanks

Editor

answered on 08 Jul 2013

0 answers

105 views

input form set focus on iPad

<label>IP Setting

<input id="ip1" type="number" value="192" min="1" max="999"/>

<input id="ip2" type="number" value="168" min="1" max="999"/>

<input id="ip3" type="number" value="0" min="1" max="999"/>

<input id="ip4" type="number" value="0" min="1" max="999"/>

</label>

the code is used for set IP address, when touch any one of these input forms ,the focus can only be set on the first one ,
then the ipad virtual keyboard show up , how to adjust this to set focus on the touch one ?

General Discussions

asked on 08 Jul 2013

12 answers

439 views

Added widgets in templates are not 'executed'

I have a template like this:

<script type= "text/x-kendo-template" id="favoritesTemplate">
	# for (var i = 0; i < data.length; i++) { #
		<li>
            <a onClick=showSwimmer('${data[i].SwimmerID}')>${data[i].Firstname + ' ' + data[i].Lastname}</a>
            <a data-role="detailbutton" data-icon="refresh"></a>
        </li>
	# } #
</script>

It seems the widget in the template (in this case a detailbutton) is not really interpreted - and it never shows up in the final markup.

Is there any way to achieve this?

Thanks.

Templates

answered on 05 Jul 2013

0 answers

23 views

New project error

Hi,
I created a new mvc 4 web application project. I then compiled and ran the project.
Then I went to the logon page and clicked on the username textbox. All is well.
I then stopped the project, went to the telerik menu and chose convert to kendo.
I then ran the project again and went to the login page and clicked on the username textbox.
This time:

Unhandled exception at line 1234, column 5 in /Scripts/jquery.validate.js0x800a138f

Microsoft JScript runtime error:

Unable to get value of the property 'call': object is null or undefined

Very easy to reproduce, very hard to understand what's going on.
Please help ... Ed

General Discussions

asked on 05 Jul 2013

1 answer

240 views

z-index on Chart Tooltip

We're developping a combined control where we use 3 chart donut controls. The main central one has to have the lowest z-index, 2 others are partiallyover the main one. (see picture in attachment) But it turns out that the tooltip (bottom) of the main one is also always behind the 2 other donuts. I've tried increasing the z-index of the tooltip in CSS. But this did not give a solution. (even though the webconsole showed a higher z-index for the tooltip) The only way i can get the tooltip on top is by increasing the z-index of the entire donut. But this is not allowed by the graphical design of the component.
How can i solve this problem? Any suggestions?

Charts

answered on 05 Jul 2013

2 answers

34 views

StockChart with Navigator and Legend gives JavaScript Errors

Hi There,

I have a working stacked area StockChart with a legend and a navigator (using the 514 release). The legend hover-over which would normally highlight all points of the hovered series is throwing a JavaScript error on line 57238 of kendo.all.js, since it hits a point which is null. This point is in the navigator - screenshot attached.

I'm not sure why the navigator has generated 25 points for the 24 in the JSON of the DataSource.

Any ideas how to progress this?

Thanks,
Chris

Charts

answered on 05 Jul 2013

2 answers

208 views

How to export multiple charts to pdf

I have downloaded the code from code library for exporting but it has code for single graph to an PDF

but how can we export multiple graphs to a single pdf file all the graphs are in same page

Charts

answered on 05 Jul 2013

2 answers

143 views

Refresh ModalView

I have a view which is a remote view. As a result, the content of the view is dynamic. I have a button on this dynamic view which opens a modal view to show some details. The details are dynamic and directly related to its parent remote view to which the modal view was opened from.

It appears ModalViews are cached like Views. So my dynamic content I am putting in them are never displayed as it pulls the modal view from cache after the initial load. How can I destroy/remove a ModalView?

I've been successful in removing Views from the cache before (see below) but I don't know how to retrieve/remove ModalViews in a similar manner.

function dataHide(e) {

var div = $('#' + e.view.content.context.id);

if (div) div.remove();

e.view.destroy();

}

ModalView

answered on 05 Jul 2013