Questions on Kendo UI for jQuery Forum

3 answers

339 views

I have written below code in Kendo Grid change event.

change: function(e) {

var item = e.items[0];

var stockQty = item.get("columnName");

}

Now, when I try to drag any column in header for "Group By", the grid crashes. When I remove this line of code, it is working fine.

var stockQty = item.get("columnName");

Can anybody help me out on this. Thanks in advance.

Regards,
Komail Noori

Grid

answered on 06 Mar 2014

1 answer

125 views

Simple Line Graph looks terrible -- formatting help

Hello,

I'm new to the Telerik/KendoUI grid and I'm trying to render a line graph via JavaScript in my MVC View. I've passed the values and they're producing funky results, so I tried hard-coding some simple integers in and... that's now working. But whenever I put in my Model data, the graph looks awful. It's a graph for a full day, 24 hours; I know that's a lot of data points, but there must be some way to make it look better. Below is the code for the Model-based chart and I've included a pic of the graph with its values. Series1 (today) and Series 2 (yesterday) are the plotted points and Series 3 should be the x-axis [hour]:

Screenshot: http://imgur.com/vADrBAo

Any help would be greatly appreciated!

01. var today = '@Html.Raw(Json.Encode(@Model.ApprovedToday))';

02. var yesterday = '@Html.Raw(Json.Encode(@Model.ApprovedYesterday))';

03.

04. /**************HARD-CODED VALUES ***********/

05. //testing

06. //today = new Array(1, 5, 3, 11, 17);

07. //yesterday = new Array(7, 4, 22, 11, 0);

08.

09. $('#chartNew2').kendoChart({

10. theme: 'metro',

11. seriesDefaults: {

12. type: 'line',

13. style: 'smooth'

14. //type: 'column',

15. //stack: true

16. },

17. series: [

18. {

19. name: 'Today',

20. data: today,

21. color: '#609'

22. },

23. {

24. name: 'Yesterday',

25. data: yesterday,

26. color: '#f03'

27. }

28. ]

29. });

30.});

[/code]

Charts

answered on 06 Mar 2014

1 answer

63 views

In Cell Editing slow on IE9+

Hi,

I'm currently working on a web application where we are trying to make it easy for the user to edit data without jumping around too much, the data consists of about 8 columns, most of them are foreign keys and a couple have a custom template. We are trying to stay away from paging as much as possible.

Everything works fine up to 10-20 rows, after that getting the cells into edit mode takes between 1 and 1.5 seconds and it just starts becoming slower and slower when hitting 100 records or more. Under Chrome this is a lot faster although you can still notice some delay but it is still workable. Is there anything that we can do to increase performance on IE9+? (Tested up to 11 and it is a lot faster, but current standard on the client is IE9)

I also tested with scrolling and virtualizing and if I keep the page sizes to around 10 rows it works a lot better but it messes up some of our styling for some reason, and adds an extra scroll bar to the page as well. It's a bit faster than my application but you can still notice the delays if you test on IE9.

Here's a simple jsFiddle to replicate some of this behavior, I just took one of your demos and added more rows and duplicated columns.

http://jsfiddle.net/f7dk7/1/

Thanks,
Omar

Grid

answered on 06 Mar 2014

1 answer

90 views

Decoupled Mobile widgets from Kendo UI Mobile application.

Any updates on this new feature that appears to be in beta? Decoupled Mobile widgets from Kendo UI Mobile application. I am looking for some documentation on what this means and if we can use AngularJS or Angular-Touch frameworks with Kendo Mobile UI.

General Discussions

answered on 06 Mar 2014

1 answer

115 views

Get value from field on edit event

When the my grid is popup edit mode, I need to get a value from the selected row in the edit event handler for the grid. "args.model.myFieldname" does not work. I can't seem to find a way to get a handle on the edited row data item I need. I need to do this because when document ready fires in my popup, the data model is not yet loaded, but I need to use the value of one of the fields in the model to do some other things in the popup UI. I am sure this must be something simple, but I have not found the answer. Any help would be much appreciated.

Grid

answered on 05 Mar 2014

4 answers

330 views

How to send window to the back?

I noticed a nice and handy "toFront" function on the kendoWindow. I was wondering if there was something just as handy to send it to the back, but not behind the main page and still visible?

I due know I could just get the div(or whatever element the kendoWidget was initialized on) and set the z-index css to 0 (or some other low value), but I'm wondering if I may have over looked a much simpler way of doing that, like a "toBack" function?

Part of my reason for asking is that I have some older code which does not use Kendo UI, and it creates error dialogs using jQuery.dialog, but these dialogs appear behind the kendoWindow, and I need them in front. My current solution is to just close the window when an error happens, since I don't want to mess with z-index css.

Window

answered on 05 Mar 2014

1 answer

5.5K+ views

How to wrap kendo grid column

my gridcolumn is like that
gridColumns: [
{
title: 'ID',
field: 'ObservationId',
width: '0', hidden: true
},
{
title: 'School',
field: 'SchoolName',
width: '250px'
},
{
title: 'Teacher Name(s)',
field: 'TeacherName',
width: '100',
}]

if suppose screen is doing zoom then header should be wrap. Can we add something on this column.

Grid

answered on 05 Mar 2014

1 answer

256 views

Set height: 100%

Is it possible to set

function initScheduler() {
$("#scheduler").kendoScheduler({
date: new Date("2013/6/26"),
startTime: new Date("2013/6/26 07:00 AM"),
height: 100%,
views: [
..................

Scheduler

answered on 05 Mar 2014

3 answers

479 views

Auto-Complete with a pager

Is there a way to add the pager to an Auto-Complete Box? In the Auto-Complete demo I see pageSize set to 20 and serverPaging set to true, but it's not clear how to invoke paging.

What would be nice is if I could add the kendo-ui pager to the bottom of an auto-complete.

AutoComplete

answered on 05 Mar 2014

3 answers

75 views

Centered should be a configuration property of KendoWindow

Window

answered on 05 Mar 2014