I have this code for diaplaying a pia chart, largely taken from telerik examples:
<div id="chart100Month" style="width:100%"></div>
<script type="text/javascript">
function createChartMonth100() {
//console.log('createChartMonth100');
$("#chart100month").kendoChart({
dataSource: {
transport: {
read: {
url: "/getchartdatabytesttype100",
dataType: "json"
}
},
filter: {
// field: "year", operator: "eq", value: year
},
sort: {
// field: "year",
// dir: "asc"
}
},
title: {
text: "test"
},
legend: {
position: "top"
},
seriesDefaults: {
type: "pie"
},
series: [{
type: "pie",
field: "percentage",
categoryField: "type",}],
tooltip: {
visible: true,
format: "N0",
// template: "#= category # - #= kendo.format('{0:P}', percentage)#"
}
});
}
$(document).ready(createChartMonth100);
$(document).bind("kendo:skinChange", createChartMonth100);
</script>
the url getchartdatabytesttype100 gives back a json array:
[{"percentage":0,"type":"hypo"},{"percentage":66.666666666667,"type":"normal"},{"percentage":16.666666666667,"type":"lighthyper"},"percentage":16.666666666667,"type":"hyper"}But the problem is that firebug console showd the datasource is not read.
No calls to getchartdatabytesttype100 are made and the chart (even an empty) is not created, but I'm sure kendoChart function is called.
Do you have any suggestions about it?
Thanks
Paolo
Hello,
we have a web service that uses authentication by Windows Integrated Authentication. It uses CORS to enable calls from other domains. We read data from this web service with Kendo UI DataSource.
In Internet Explorer 11, with "Access data sources across domains" set to enabled, it works fine, a prompt for user credentials is displayed and data is returned. But without this setttings, no window for user credentials is displayed and reading from web service returns an error. There is no meaningful message, in xhr.statusText there is only text "error".
This is the code of the DataSource (I have omitted the schema of the DataSource, because I think it is not needed here):
equipmentsDataSource = new kendo.data.DataSource({ error: function(e) {debugger;}, transport: { read: { url: "http://192.168.55.47:7081/Portal.svc/GetEquipments", type: "post", dataType: "json", contentType: "application/json", data: { "equipmentids": favoriteEquipmentIds, "relationstoreturn": "ge_equipment_ge_public_tender_subject_equipmentid", "ge_ge_certifikace_equipment"], "fieldstoreturn": ["equipmentid", "ge_alias", "ge_nameen"] } //beforeSend: function (xhr) { // debugger; // xhr.setRequestHeader('Authorization', window.auth); //} }, parameterMap: function (data) { return kendo.stringify(data); } }, ...});I tried to use beforeSend event (the commented part of the code), but it also doesn't work, because window.auth is undefined.
Is there something missing in my code, or maybe in our web service, that should be set?
Thanks for help,
Boris.
Hello,
the pager from the grid is not visible in chrome, if height is 100%.
In firefox and edge it works.
http://dojo.telerik.com/uxexu/2
Kind regards
As seen here when you are scrolled to the not-top of scrollable content when in a flexible container, the Dropdown List boings shut when opened. Seems like a bug and is rather annoying with our current layout.

Is there a way to clean formatting when pasting the content of the clipboard (not from MS Word document) into the Kendo UI Reader?
Basically, I want to accomplish the same thing as the clean formatting tool does.
Thanks!
Zen

Hello,
I have a TreeList where I would like to select a row, click an image button, and have all the child rows expand (or collapse), with all of their child rows expanding, and all of their child rows expanding, until all rows have been fully expanded (or collapsed).
So if I have this:
selectedRow = treeList.content.find(".k-state-selected");
from the selectedRow, I want all child rows and their child rows, and all their child rows, etc... to expand until all rows have expanded fully.
I also would like to click a separate collapse button where all child rows of my selectedRow will collapse up from the bottom child rows, one row at a time until the selectedRow is finally collapsed.
I have the image buttons and am calling some functions that will expand or collapse just 1 level from the selectedRow. I have looked through various examples in your documentation but have not been able to fully implement this functionality.
Could you please provide a code snippet if possible on how this can be done starting with: selectedRow = treeList.content.find(".k-state-selected");
Thank you ...
Dave
Hi,
I have tried to use collapsible inside a splitview but it was failed. Is it possible to do?
Thank you.
Hello,
I am evaluating this control for use within my company, and essential to that decision is the ability for this control to accomplish these:
1. Group rows (ok...easy enough)
2. Drag-drop ONLY the groups themselves, not the underlying rows (via kendoSortable).
3. When "dropped" have the group's respective rows follow it.
In other words, I need to drag-drop on the groups, not the underlying rows, but when the group is "dropped" in its new position, its grouped rows need to follow.
Any help most appreciated.
My code thus far:
01.function gridRender(topics) {02. 03. var grid = $("#grid").kendoGrid({04. dataSource: {05. data: topics,06. height: '100%',07. width: '100%',08. groupable: true,09. group: {10. field: "groupID",11. dir: "asc"12. },13. schema: {14. model: {15. fields: {16. name: { type: "string" },17. groupID: { type: "number", },18. description: { type: "string" }19. }20. }21. }22. },23. scrollable: false,24. columns: [25. {26. field: "name",27. title: "Topic Name",28. width: "40%"29. },30. {31. field: "groupID",32. title: "GroupID",33. width: "10%"34. },35. {36. field: "description",37. title: "Description",38. width: "40%"39. },40. {41. field: "color",42. width: "10%"43. }44. ]45. }).data("kendoGrid");46. 47. grid.table.kendoSortable({48. filter: ".k-grouping-row",49. hint: function (element) {50. return $("<span></span>")51. .text(element.text())52. .css("color", "#FF0000");53. },54. cursor: "move",55. placeholder: function (element) {56. return element.clone().addClass("k-state-hover").css("opacity", 0.65);57. },58. container: "#grid tbody",59. change: function (e) {60. // This is where I am stuck. How do I reference the specific grouped-row, get it's index61. // and move it's respective rows along with it?62. 63. //grid.dataSource.remove(dataItem);64. //grid.dataSource.insert(newIndex, dataItem);65. }66. });67.}
Is there a way to change the expand button's column position so it's on the 2nd column instead of the first?
eg. I'd like to implement the attached design.

Hello,
I saw everywhere that we can't really restrict days in the DatePicker so I decided to find a workaround. It worked strangely till I realized that it was not my fault:
data-bind="events: { open: filterAllButSaturday }, etc..."
filterAllButSaturday: function (e) { var allDays = $('#AdjustmentDate_dateview').find('.k-link'); allDays.each(function() { if ($(this).attr('data-value') === 'undefined' || new Date($(this).attr('data-value')).getDay() != 6) { $(this).bind('click', function() { return false; }); } }); }
This solution would have worked just great if the data-value was not messed up:
<a tabindex="-1" class="k-link" href="#" data-value="2015/10/17" title="Tuesday, November 17, 2015">17</a>
Now I almost found a workaround for a problem that seem to piss off many people, I'd like not to have to switch to Bootstrap which seems to incorporate this feature pretty well. could I have a bit of help to make it work please?
Thanks a lot.
