or
1 answer
87 views
I am showing pagination at bottom of Kendo Grid and data is coming dynamically, but when data is not there and the total parameter is 0 i am observing nothing in the pages. For this see the below screenshot
How we can resolve this issue?
1 answer
442 views
I am trying to attach pdf file to email and send email notifications to users. Problem is when try to use kendo.saveAs its opening in another window . If user browser is having pop up block, the email function is not working as it is not allowing open other window. Is there any way that i can do this in same window or any other option?
$.ajax({
type: "POST",
data: data,
url: "IUA/Submit",
success: function (result) {
if (result.Id !== 0) {
alert("Your application has completed the review phase and is confirmed complete. Your PIN will be " + result.Id + ". To complete your submission, please click the OK button below.");
$('#loading').hide();
kendo.drawing.drawDOM($("#mainDiv"))
.then(function (group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group, {
paperSize: "auto",
margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
});
})
.done(function (data) {
// Save the PDF file
kendo.saveAs({
type: 'POST',
dataURI: data,
fileName: "IUAEnrollment.pdf",
proxyURL: '@Url.Action("SavePDF", "IUA")',
forceProxy: true,
proxyTarget: "_blank"
});
displayLoading("#formDiv", false);
location.reload();
});
} else if (result.IsDuplicateRec == true) {
$('#loading').hide();
$("#divDuplicate").show();
$("#captchaDiv").load(location.href + " #captchaDiv>*", "");
} else if (result.IsMVCCaptcha == false) {
$('label[for="lblCaptchaErr"]').show();
$("#captchaDiv").load(location.href + " #captchaDiv>*", "");
setTimeout(WaitUntilLoad, 6000);
}
},
error: function () {
$('#loading').hide();
alert("Error occured during the submission. Please contact helpdesk.");
}
});
Martin
Telerik team
answered
on
28 Jun 2023
1 answer
375 views
Hi. I'm using this plugin for jQuery to download a PDF via AJAX. Here's the code that fetches the PDF from ASP.NET Web API:
fetchFile: function (id) {
return new Promise(function (resolve, reject) {
$.ajax({
async: true,
dataType: "native", // Uses the jquery-ajax-native plugin for blobs.
type: "POST",
url: `https://someapp.org/api/files/file/fetch/${id}`,
xhrFields: { // Uses the jquery-ajax-native plugin for blobs.
responseType: "blob"
},
cache: false
}).done(function (data) {
return resolve(data);
}).fail(function (xhr, status, error) {
const errorObj = new Error(xhr.responseText || error);
return reject(errorObj);
});
});
}I would like to feed the BLOB data returned by the fetchPdf function to set the PDFViewer's data. Is this possible? Maybe PDFViewer can fetch via AJAX directly. Any examples?
Thank you.
Neli
Telerik team
answered
on
28 Jun 2023
0 answers
208 views
I have this field in my kendo grid column :
field: "tauxAcquisEntree",
template: '#if (tauxAcquisEntree === 0){#'
+ '<div class="text-right">#= tauxAcquisEntree #</div>'
+ '# }else if (tauxAcquisEntree > 1 ){#'
+ '<div class="d-flex justify-content-end"><div class="input-group d-flex flex-nowrap percent-input"> <input id="fraisent" name="fraisent" value="#= tauxAcquisEntree #" max="4" class="form-control text-center" min="1" type="number" step=1 pattern="[0-9]$" autocomplete="off" /> </div></div>'
+ '# }else{#'
+ '<div id="fraisOne" name="fraisOne" class="d-flex justify-content-end"><div class="input-group d-flex flex-nowrap percent-input"> <input value="#= tauxAcquisEntree #" class="form-control text-center" max="1" min="1" type ="number" pattern="[0-1]$" autocomplete="off" readonly /> </div></div>'
+ '# }#'
,I have a condition when i get the field "tauxAcquisEntree" from the "database" if it's equal to "1" the input type number becomes readonly.
The problem is when the user changes the value of the input type number in the front and it's equal to "1" the template condition gets triggered which is a behavior that i don't want to happen.
To summarize how can i get the if condition in the template to be applied only if the value if from backend or the database (and not what the user typed) ?
1 answer
155 views
https://dojo.telerik.com/ezOJuzog
I have a kendo dropdownlist with virtualization that uses a local json object (the real list is longer than my example). When I set the value and immediately try to log that new value out, I get nothing. How do I log out the value after setting it when using virtualization? Here is a dojo example where you will see it logs "The value is now:" with no answer. If I remove virtualization it logs the answer out.
Nikolay
Telerik team
answered
on
27 Jun 2023
1 answer
1.9K+ views
I'd like to show / hide or change the icon of a toggle button and currently struggle getting this to work after changing to the current version.
I had no problems with older versions (2019 / 2021).
What I'm trying to achieve ist something like
setOptions({icon: "check"})
and (re)render()
I also tried to take the road via kendo.ui.icon(element....) and kendo.html.renderButton / renderIcon but so far to no avail.
Any hint would be greatly appreciated.
Kind regards
Frank
1 answer
87 views
Hi,
I want the below marked 'Contains' filter condition should be the default filter condition. Please help me how to move it to the top.
I'm trying to make changes in the kendo.filtermenu.min.js and kendo.filtermenu.min.js.map files but no luck
I'm using Kendo UI v2022.2.510 version
4 answers
1.6K+ views
I am looking for a method that would be called to toggle expand/collapse all groups (the grid has the attribute groupable).
You have this in the Telerik Silverlight Grid.
You have this in the Telerik Silverlight Grid.
0 answers
144 views
I have developed several widgets based on Kendo UI. For developing each of these widgets, I use a test page loading kendo Ui source files using systemJS. This only loads the required Kendo UI source files from imports and avoids compiling with Webpack or else. I can also easily debug my widgets through Kendo UI code.
Kendo UI v2023.2.606 has broken loading because of:
import { DateInput } from '@progress/kendo-dateinputs-common';in kendo.datainput.common.js from kendoui.for.jquery.2023.2.606.commercial-source.zip.
Please fix in the distribution files.
2 answers
310 views
After upgrading our application from an older version of Kendo to v2022 R1 (301), we discovered a strange problem with the Kendo DatePicker popup calendar. Everything works fine on a desktop web browser but on a mobile phone the month calendar view renders as in the attached image:
Other calendar display modes work correctly. The problem seems to occur on all the phones we have tried (Android, iPhone).
The DatePicker control is instantiated on demand via Jquery function. No special DatePicker features used. Here is a snippet from the rendering function (ownerDiv is a parameter passed to the function):
var datepickerWrapper = ownerDiv.find('#end-date-wrapper');
datepickerWrapper.empty();
datepickerWrapper.append('<input id="chart-end-date" name="chart-end-date" style="width:8em" />');
datepickerDiv = historyDiv.find('#chart-end-date');
datepickerDiv.kendoDatePicker({
animation: false,
change: function (e) {
changeEnddate(e);
}
});
The only slightly unusual thing about this is the parent HTML is part of the detail pane for a Kendo grid. The popup calendar used to work just fine in the old version of Kendo we used to use (version circa 2018).
I'm at a loss. Android Chrome debugger running against a phone executing the DatePicker does not reveal any browser exceptions.
Any thoughts?
Jeff Benson
Senior Developer
New Boundary Technologies, Inc.
Martin
Telerik team
answered
on
22 Jun 2023
