or
1 answer
136 views
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!
[/code]
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. //testing06. //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: true16. },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]
Iliana Dyankova
Telerik team
answered
on
06 Mar 2014
1 answer
73 views
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
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
1 answer
97 views
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.
Alexander Valchev
Telerik team
answered
on
06 Mar 2014
1 answer
129 views
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.
4 answers
358 views
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.
1 answer
5.6K+ views
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.
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.
Dimo
Telerik team
answered
on
05 Mar 2014
1 answer
272 views
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: [
..................
function initScheduler() {
$("#scheduler").kendoScheduler({
date: new Date("2013/6/26"),
startTime: new Date("2013/6/26 07:00 AM"),
height: 100%,
views: [
..................
Dimo
Telerik team
answered
on
05 Mar 2014
3 answers
504 views
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.
What would be nice is if I could add the kendo-ui pager to the bottom of an auto-complete.
Dimo
Telerik team
answered
on
05 Mar 2014
3 answers
85 views
Centered should be a configuration property of KendoWindow
Dimiter Madjarov
Telerik team
answered
on
05 Mar 2014
10 answers
674 views
I am struggling getting the following to work:
Action method:
My problems are:
1. wildcard is always null.
NOTE 1.1: By the way, the action method 'Search' is correctly called (of course after typing 3 characters)!
NOTE 1.2: If I directly call the action method from the browser the wildcard is correctly filled.
2. what should the ActionResult return?
In other words I am looking for a working example.
Thanks for any help!
<div>
<input id="searchSomething" />
</div>
<script type='text/javascript'>
$(document).ready(function () {
$("#searchSomething").kendoAutoComplete({
minLength: 3,
dataTextField: "Name",
dataValueField: "Id",
dataSource: {
transport: {
read: "Service/Search",
dialect: function (data) {
return { wildcard: $("#searchSomething").val() };
}
}
}
});
});
</script>
Action method:
public class ServiceController : Controller
{
public ActionResult Search(string wildcard)
{
return Something;
}
}
1. wildcard is always null.
NOTE 1.1: By the way, the action method 'Search' is correctly called (of course after typing 3 characters)!
NOTE 1.2: If I directly call the action method from the browser the wildcard is correctly filled.
2. what should the ActionResult return?
In other words I am looking for a working example.
Thanks for any help!
Atanas Korchev
Telerik team
answered
on
05 Mar 2014
