Questions on Kendo UI for jQuery Forum

1 answer

143 views

Chart Serie Dynamic Source

Hello ,

i am working on a chartingtool with variable datasources and more than one chart.

in my model i have a object[] which contains the chartdata for the charts.

this model has an array of List<ChartDataSerie>[] which contains the data for every series.

ChartDataSerieModel:

01.public class ChartDataSerie

02. {

03. public ChartDataSerie(string description, double value)

04. {

05. Description = description;

06. Value = value;

07. }

08. public ChartDataSerie(string description, double value, string color, double opacity)

09. {

10. Description = description;

11. Value = value;

12. Color = color;

13. Opacity = opacity;

14. }

15.

16. public string Description { get; set; }

17. public Double Value { get; set; }

18. public string Color { get; set; }

19. public double Opacity { get; set; }

20. }

Now i want to bind a serie to a List<ChartSeriesData>, Value contains the Data, Description contains the Category

each object contains an chart in Model.Kennzahlen, for to create a chart for every object in Model.Kennzahlen
want to create an serie for every object in Model.Kennzahlen[i].Series
Value are always a double, and Description (Category) the same at every Series ( Date in string)

01.@for (int i = 0; i < Model.Kennzahlen.Count; i++)

02. {

03. <div class="col-lg-3">

04. <div class="ibox float-e-margins">

05. <div class="ibox-title">

06. <h5>Chart 1</h5>

07. </div>

08. <div class="ibox-content">

09. <div>

10. @(Html.Kendo().Chart(Model.Kennzahlen[i].Series)

11. .Name("chart" + i)

12. .Legend(legend => legend

13. .Visible(false)

14. .Position(ChartLegendPosition.Bottom)

15. )

16. .ChartArea(chartArea => chartArea

17. .Background("transparent")

18. .Height(200)

19. )

20. .Series(series =>

21. {

22. for (int x = 0; x < Model.Kennzahlen[i].Series.Length; x++)

23. {

24. series.Column(Model.Kennzahlen[i].Series[x]);

25. }

26. })

27. .CategoryAxis(axis => axis

28. .Categories(model => model[0].Description)

29. .MajorGridLines(lines => lines.Visible(false))

30. .Line(line => line.Visible(false))

31. )

32. .ValueAxis(axis => axis.Numeric()

33. .Max(28)

34. .MajorGridLines(lines => lines.Visible(false))

35. .Visible(false)

36. )

37. .Tooltip(tooltip => tooltip

38. .Visible(true)

39. .Format("{0}%")

40. .Template("#= series.name #: #= value #")

41. )

42. )

43.

44. </div>

45. </div>

46. </div>

47. </div>

48. }

How can i solve this ?

Thank you in advance and hope it is understandable for you :)

Thank you in advance

Charts

answered on 17 Apr 2017

1 answer

319 views

Error in IIS Server

Hello All,

I have a working Kendo UI grid in my VS 2010 Pro project, with aggregation (sum). However, when deployed to a IIS 6.0 server, I get a JavaScript error:

VM565:3 Uncaught ReferenceError: sum is not defined

at Object.eval [as tmpl0] (eval at compile (kendo.all.js:194), <anonymous>:3:130)

at Object.eval (eval at compile (kendo.all.js:194), <anonymous>:3:267)

at d (jquery.min.js:2)

at init._footer (kendo.all.js:48733)

at init.refresh (kendo.all.js:50132)

at init.d (jquery.min.js:2)

at init.trigger (kendo.all.js:124)

at init._process (kendo.all.js:6912)

at init.success (kendo.all.js:6657)

at success (kendo.all.js:6584)

I've compared file by file with WinMerge, and both development and production file sets are identical. Any pointers?

Thank you.

Grid

answered on 15 Apr 2017

5 answers

1.3K+ views

Insert new empty row

For a project I'm currently working on I need my users to be able to add their own rows into an existing excel sheet. However, when I press the 'Insert row below' or 'Insert row above' buttons I get a message saying: "Cannot insert cells due to data loss possibility. Select another insert location or delete the data from the end of your worksheet." Afterwards I noticed that all excel sheets seem to have a fixed height.

I've tried these things:

$("#spreadsheet").data("kendoSpreadsheet").activeSheet()._rows._count += 5;
$("#spreadsheet").data("kendoSpreadsheet").activeSheet().insertRow(<current last row index>);
$("#spreadsheet").data("kendoSpreadsheet").activeSheet().range(<current last row index>).values([''])

I'm not using a datasource, I'm filling the sheet using an AJAX call and the 'fromJSON' method. This is because I need to manipulate some of the data before sending it to the client.

Spreadsheet

answered on 14 Apr 2017

1 answer

172 views

Is it possible to Limit the panelbar to one level?

The panelbar is dynamically generated in the .cshtml and some admins are entering <ul><li> items and it's causing the content zone to generated L2+ panelbar items.

I'd just like the ROOT to be a panelbar, and just render html in the content area.

Possible?

PanelBar

answered on 14 Apr 2017

4 answers

2.8K+ views

Error upload file also when the file is uploaded

Hi all, I'm using the kendoUpload module on my ruby on rails application, everythings is except for the fact that kendoUpload fires an error event even if the file is correctly uploaded.

My javascript code is this:

function onError(e) {

console.log("Error (" + e.operation + ") :: " + getFileInfo(e));

}

$("#media_filename").kendoUpload({

async: {

saveUrl: '/admin/media/',

removeUrl: '/admin/media/remove',

autoUpload: true

},

multiple: true,

upload: onUpload,

success: onSuccess,

error: onError,

complete: onComplete

});

the code from my controller gives me back a 200 ok http header (I see with on firebug), but (as you can se from the attach) the kendoUpload components tell's me that the file isn't uploaded but it is not true.

Any hint? Do you need more information?

Upload

answered on 14 Apr 2017

3 answers

572 views

Trigger Update for a single dataItem

Hi,

I have a kendo sortable grid which allows the user to drag and drop rows so that the rows can be re-ordered.

This re-ordering needs to be updated to a Seq variable which is part of the dataItem.

The grid itself reads, creates, updates and deletes using a rest service.

I've referred to the telerik sortable demo using the following link : http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/use-sortable-grid

My grid contains more than 10 items.

After the drag and drop operation is completed, the change function updates the Seq property in the dataItem.

When I call the dataSource.sync method, all the dataItems are pushed to the service to be updated.

I would like to send/push the single dataItem to the service which was re-ordered instead of sending all the dataItems.

I checked the dirty property and set it to true for the dataItem which I wanted to update. It did not work.

Post updates and calculations on the server, the grid dataSource will be refreshed.

Any help is appreciated.

Thanks

Data Source

answered on 14 Apr 2017

4 answers

3.1K+ views

[Solved] Simple file upload not working

Hello

I'm pretty sure I'm doing something wrong but I just don't see what. Any file upload runs into an error but doesn't say what the problem is. I'm using this code based on your documentation:

$("#selectfile").kendoUpload({

async: {

saveUrl: "http://localhost/geoneers/gallery/image",

removeUrl: "http://localhost/geoneers/save"

},

dropZone: ".dropfile",

error: function (e) {

var files = e.files;

if (e.operation == "upload") {

console.log (e);

alert("Failed to upload " + files.length + " files");

}

},

success: function(e) {

alert ("success");

}

});

It always runs into the error event showing me that all is fine (console.log(e); -> see attachment e_output). Beside of that kendo.all.js (line 2096) gives this output in into the console:

[Log] Server response: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> (kendo.all.min.js, line 25)

<html>

<head>

<title>Index of /geoneers/gallery/image</title>

</head>

<body>

<h1>Index of /geoneers/gallery/image</h1>

<ul><li><a href="/geoneers/gallery/"> Parent Directory</a></li>

</ul>

</body></html>

I have not clue whats going wrong here. I'm working an a Mac and working with Mamp Pro (latest version). To get rid off the error I tried the following as well:

- Updated to the latest version of Kendoui Pro
- Made sure the path is set to chmod 777

Wether I use "Select file..." or dropzone it always comes to this behaviour and the file is not uploaded.

Any ideas why?

Regards

Upload

answered on 14 Apr 2017

2 answers

108 views

[Solved] Adding new data with CustomEditor (Autocomplete) results in [Object object]

Hi,
after I add a new record with "Add new record", typing "Joh", selecting an entry and click on another element (editor lost focus) the resulting displayed entry is [object Object], but I am expecting that "John Doe" is displayed.
I think I am missing something in the configuration to seeing the selected item. But I don't know whats wrong.

Small test environment is here: http://dojo.telerik.com/iQEqI

Thanks for help

Normen

Grid

answered on 13 Apr 2017

8 answers

220 views

Gran Total Title

Hello,

How can change the title of the total (last rows) of the pivot grid?

In the image attached we can see I want to change with mark in red.

thanks.

PivotGrid