Questions on Kendo UI for jQuery Forum

3 answers

165 views

Using AngularAMD / Requirejs loading issue

I'm using AngularAMD, and only want to load the Kendo controls I need only on certain modules that use them.

In my requirejs.config, I have all the paths and shims configured properly for the kendo stuff. In my angular modules, I ngload the correct kendo module(s) I need for that module, and it will download the js/css files at that point.

The problem is, the require stuff in the kendo modules is not playing nice. It does its own requirejs stuff.
For example, kendo.progressbar.js has define(["./kendo.core"])

I already have kendo.core loaded via my angularAMD require config, but progress bar tries to load it itself. The path it is trying to use is wrong because the kendo stuff isnt found in the base path I have set. I do not want kendo to try and load anything via require.

If I remove "./kendo.core" from the kendo progressbar define section, everything works. I dont want to have to modify each kendo file to get this to work. Is there a better way?

General Discussions

answered on 13 Mar 2015

1 answer

99 views

Export to Avery Labels

Hi

I just started to fiddle around with grid to pdf export. I am used to create server side pdf. Now I'd like to know if there is a method to format the client side pdf output from the kendo grid for Avery Labels.

Regards

Alex

Grid

answered on 13 Mar 2015

1 answer

330 views

DatePicker - wrong Month displayed

I tried your example http://dojo.telerik.com/oFoQU and it display´s a wrong month !

$("#datepicker").kendoDatePicker({
value: new Date(2015, 05, 10)
});

This is setting the following Date to your DatePicker: 6/10/2015

???

DatePicker

answered on 13 Mar 2015

3 answers

314 views

[Solved] Window MVVM title

Hi,

I'm wondering if the window title can be bound to a view model, so it can be modified via the view model at run time. Currently I have data-title set in the html, but I would like to be able to change the title via the view model (presumably in the data-bind section).

<div id="window1" data-role="window" data-resizable="false" data-modal="true" data-title="windowTitle1" data-bind="invisible: vmInvisible" data-width="300"><br></div>

Can the title be modified in a vew model, or can it only be set via the title() method?

var kendoWindow = $("#window").data("kendoWindow").title("Do a barrel roll!");

I tried using data-bind="attr: {title: windowTitle2 }" but this doesn't work on window, is there another way of doing it?

Thanks,
Andrew

Window

answered on 12 Mar 2015

1 answer

329 views

DateTime and daylight savings

Using Kendo version 2014.2.1008

MVC grid with AJAX binding.

My grid displays dates using .Format("{0:MM/dd/yyyy}") and the fields are DateTime in the model with 00:00:00 as the time component. I had to set a default value to ensure that Kendo sees them as dates, but it works for most users.

Then there's Indiana, where not every part of the state uses daylight savings time. Those that do not use daylight savings, see those dates as one day prior. How do I stop this or how do I see exactly what's going on with the translation of these dates? When they are passed to the view using .ToDataSourceResult, it has the correct dates.

Grid

answered on 12 Mar 2015

1 answer

143 views

Range Area Series Chart

Is it possible to create a range area chart like this other charting tool? I need to be able to define a high and low range that is filled in, pretty much the range bar chart, but with something like the area series instead. I saw a couple other posts about this topic in the Kendo UI forums, but the most recent one was over a year ago, and I couldn't find any updates on this feature.

Thank you!

Charts

answered on 12 Mar 2015

1 answer

243 views

Kendo.Mvc.UI.Fluent.ProgressBarBuilder and progressWrapper

In razor I dynamically build some progress bars and would like to color the progress part of the bar dynamically.
Is this possible?

@foreach (var c in categories) {
@(Html.Kendo().ProgressBar()
.HtmlAttributes(new { @class = "page-progress-bar" })
.Name("cat-" + i)
.Type(ProgressBarType.Percent)
.Value(c.Pct)
)
}

javascript way: http://demos.telerik.com/kendo-ui/progressbar/customlabel
helper: http://docs.telerik.com/kendo-ui/api/aspnet-mvc/Kendo.Mvc.UI.Fluent/ProgressBarBuilder

ProgressBar

answered on 12 Mar 2015

4 answers

653 views

Kendo Notification with an embedded link in message to a javascript function

I am trying to implement a kendo notification that has a hyperlink in the message, like this: 'Your file is Ready' where the word 'Ready' is a hyperlink. The trick is I need the hyperlink to call a javascript function.

In my message I am trying variations of this:
<a href='' ng-click='notificationLinkClicked()'>Ready</a>

I cannot seem to find a way to make that javascript function visible from within the clicking on the link within the notification.

Anyone know if this is possible or better yet have an example of how to do this?

Thanks in advance,
Gregory

Notification

answered on 12 Mar 2015

1 answer

113 views

Unable to Export As Excel

I have a Kendo Grid running in databound mode. When I tried to call the .saveAsPDF() method, it crashes somewhere within the framework (stack trace attached). Export to PDF works beautifully, and the Grid renders just fine.

How can I go about troubleshooting this?

Grid

answered on 12 Mar 2015

1 answer

723 views

Update dataSource on Radiobutton Change

Hello,

My Kendo Grid Template is below. If user changes radio button, I want to update dataSource. How can I do this ?

<script type="text/x-kendo-template" id="SiteTemplate">
<tr class='k-alt'>
<td>#: Name #</td>
<td>
#if(AccessType == 'Read') { #
<input type="radio" name="#: Id #" class="read" checked="checked" />
#}else{#
<input type="radio" name="#: Id #" class="read" />
# } #
</td>
<td>
#if(AccessType == 'ReadWrite') { #
<input type="radio" name="#: Id #" class="readWrite" checked="checked" />
#}else{#
<input type="radio" name="#: Id #" class="readWrite"/>
# } #
</td>
<td>
#if(AccessType == 'None') { #
<input type="radio" name="#: Id #" class="None" checked="checked" />
#}else{#
<input type="radio" name="#: Id #" class="None" />
# } #
</td>
</tr>
</script>

Grid

answered on 12 Mar 2015