Questions on Kendo UI for jQuery Forum

2 answers

135 views

PageSize change always redraws all items

We are using a DataSource with local data (nothing remote), and we dynamically change the PageSize of the DataSource. We do this by starting out the view showing 20 results, and as the user scrolls down the page, we automatically expand the PageSize by 10, thereby copying an endless scroll kind of functionality.

var arr = [

new Vehicle(1),

new Vehicle(2),

new Vehicle(3)

];

var vehicles = new kendo.data.DataSource({ data: arr, pageSize: 20 });

//if user scrolls to bottom, then:

vehicles.pageSize(vehicles.pageSize() + 10)

The problem with this is that I've noticed that on every change of the PageSize, Kendo redraws every item on the page, even though many items on the page are already drawn. So as you scroll down the page, the PageSize is getting larger and larger, and Kendo is redrawing every time. If you scroll down to where the PageSize is 100 and beyond, it takes longer and longer for it to redraw every item. Is there some way to tell Kendo to not redraw items that are already drawn?

Data Source

answered on 13 Mar 2015

5 answers

390 views

Accordion in custom edit popup?

I attempted using panels and that was disastrous and then I attempted using an accordion based on bootstrap collaspe and am getting an invalid template issue and the pop up is no longer loading.

Could someone please point me to what a "valid" template looks like so I can attempt to work this in. Or show me a simple example?

Thanks,
Chris

Scheduler

answered on 13 Mar 2015

3 answers

169 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

100 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

336 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

332 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

333 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

147 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

247 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

666 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