I am making an application where it will be necessary to create a PDF with more than 2 pages.
From the documentation I saw that it is necessary to generate the HTML in a DIV and generate the PDF.
This is working fine when it's just a page.
But for multiple pages this is giving problem.
What I need is a way to "hide" the "GeneratedPDF" Div for the user and only generate the PDF (when hidden the content is not generated in the PDF).
And how do I page break between the two sample URLs?
My code:
<div id="GeneratedPDF"></div><input type="button" class="button blue" id="btnCreatePDF" value="Create PDF" />
<script> $("#btnCreatePDF").click(function () { var html = ""; $.ajax({ url: "/PageForTheExample1", type: "GET", dataType: "html", success: function (data) { html += data; $.ajax({ url: "/PageForTheExample2", type: "GET", dataType: "html", success: function (data) { html += data; CreatePDF(html); } } }); }); function CreatePDF(html) { $('#GeneratedPDF').html(html); kendo.drawing.drawDOM($('#GeneratedPDF')).then(function (group) { kendo.drawing.pdf.saveAs(group, "Export.pdf"); }); }</script>
xxx
Hi,
Sorry in advance but I have no example in hand now by writing post.
I will try to explain clearly.
I have a MVVM implementation with a fruits property bound to a selectDropdown widget.
This property is an empty array by default (fruits: [])
I have a dataSource dsource instance which call a remote endpoint.
I call the fetch method manually and define a callback function which do some tasks :
- dsource.filter(...);
- dsource.sort(...);
- viewModel.set('fruits', dsource);
(Note that I didn't applied dsource as default value of my fruits property cause of specific mvvm implementation)
My issue is :
Everything works well unless if my dsource return empty data.
In this case, filter, sort or set dsource to viewModel are calling the read method a second time.
It can call the read method 4 times (1 for first call, 1 for filter, 1 for sort and 1 for view model set method).
Why ? it should not cause my dsource has been instantiated and call a first time...
Thanks :)
moosh
Hello,
Look example: https://docs.telerik.com/kendo-ui/controls/diagrams-and-maps/map/how-to/drag-and-drop-markers
This sample work in Chrome, but it don't work in IE11.
How can i use it in IE11?
Hello,
My project has a problem about combobox column.
Then i follow your example about how to implement dropdownlist in grid control (https://demos.telerik.com/kendo-ui/grid/editing-custom) but i want to use combobox.
Unlucky, i get some problems and combobox shows "undefined" value after it lost focus.
I want send you a movie about it.
What should i do?
Here my movie: https://www.loom.com/share/02eab3b36cf74eb3b10f98c0af721404
Thanks.

Use IE 11 to load the Grid Element show error. (capture screen attached)
And show that in 'kendo.all.js' line 3416
return support.matchMedia && window.matchMedia(media).matches;
IE not support this syntax.

Hi,
I want to set the start time and end time with remote data in Gantt CustomView,
so i call ajax then put them into "range" function, But the result show out "undefined",
my code bellow:
kendo.ui.GanttCustomView = kendo.ui.GanttView.extend({
name: "custom",
options: {
yearHeaderTemplate: kendo.template("#=kendo.toString(start, 'yyyy')#"),
quarterHeaderTemplate: kendo.template("# return ['Q1', 'Q2', 'Q3', 'Q4'][start.getMonth() / 3] #")
},
range: function(range) {
var startD = '';
var endD = '';
$.ajax({
type: "post",
url: "@Href("~/Home/GetMinAndMaxDate/")",
data: { 'EmpNo': @Model.EmpNo },
async: false,
success: function (data) {
startD = data.split(";")[0];
endD = data.split(";")[1];
},
error: function () { alert("edit Error") }
});
this.start = new Date(startD);
this.end = new Date(endD);
},
Shouldn't I do this? And how to set the date in remote way?
Thanks,
Liu

Hi Guys,
Just want to tell you about a problem I've found in case it affects anybody else.
After upgrading from Angular 7 to Angular 8 we kept getting the error Cannot read property 'data' of undefined for any kendo grids using a transport object.
The error was in kendo.data.js, what was happening was the kendo code is using $.extends to clone the transport object but only the properties were being cloned, so when kendo tries to execute the read function, it does not exist on the cloned transport object.
It turns out that as part of the Angular upgrade, typescript is updated to 3.5.3 and the CLI has been changed to build using ES2015 rather than es5. ES2015 uses native javascript classes and the version of jquery we are using (1,11,1) doesn't include the functions when extending those classes.
As a work around, we have changed the target back to es5 in the tsconfig.json.
Hopefully Kendo will switch to Object.assign instead of $.extends to clone their object as this plays nice with ES2015 / ES6

Remove kendo multiselect for kendo.all.min js file and create a custom kendo.multiselect.min.js
In my project i am using v2017 of kendo.all.min.js. but in case of kendo multiselect with server filttering , i am facing a issues while a adding custom data into the datasource. if i change a the version 2015 the multiselect are working bu other things are not working. so i want to remove mutiselect from kendo.all.min.js (v2017) and create a separate kendo.multiselect.min.js file with v2015
