I need to get the output of a grid saving to pdf without sending the resulting PDF directly to the user. For example, a PDF export option "localexport: true" which would return the data to code instead of directly to the client.
Currently, the file data can be retrieved using the private _drawPDF method:
var grid = $("#grid").data("kendoGrid");
var progress = new $.Deferred();
grid
._drawPDF(progress)
.then((root) => {
return kendo.drawing.exportPDF(root, grid.options.pdf);
})
.done((data) => {
console.log(data);
});
Example: https://dojo.telerik.com/rjEORuHy.
However, the approach does not work well in all scenarios for example, when there are multiple pages - https://dojo.telerik.com/iiifASYZ/2
Thus, I would like to have a built -in method that will be suitable for all scenarios to generate and retreive the file data, without sending the file to the client.
Bug report
Grid's loader gets lost in the scrollable area height is greater than the viewport height
Reproduction of the problem
Dojo: https://dojo.telerik.com/hqknEyYx/2
Run and click on Export to Excel button
Worakround: https://dojo.telerik.com/gSsYgQpZ
excelExport: function (e) {
let gridHeight = $("#grid").height();
if (gridHeight < 700) {
$("div.k-loader-container-inner").addClass("smallHeight");
} else {
$("div.k-loader-container-inner").addClass("biggerHeight");
}
}
...
<style>
div.loaderPosition {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.biggerHeight {
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
Environment
Kendo UI version: [all[
jQuery version: 3.4.1
Browser: [all]
Reordering using clickMoveClick in the Grid is very inconsistent.
The targeted row is not being reordered
The targeted row should be reordered
Hi Team,
I would like to request a way to turn off or toggle double tap editing for mobile Kendo UI Grids with incell editing introduced in R3 2023.
Thank you!
Hi Team,
I would like to request to add Excel exporting for the Grid to include Selected rows, including checkbox selection.
Thank you!
Bug report
rowspan and locked columns misaligns rows in non-locked table
Reproduction of the problem
Dojo: https://dojo.telerik.com/BqAphtbF
Expected/desired behavior
Rows shall be aligned
Worakround
Define a dummy column
{
field: "country", width: 0
}
Dojo: https://dojo.telerik.com/AeYBdQFO
TicketID: 1673441
Environment
jQuery: 3.4.1
Kendo UI version: 2024.4.1112
Browser: [all]
I have a Kendo Grid that follows the Set Multi-Checkbox Filtering to Use contains instead of equalTo.
This works, I am able to filter the Grid on contains condition; but after filtering and opening the column filter again, the checkbox is not selected and shows unchecked.
I managed to fix the issue and persist the checkbox selection using the following approach:
columnMenuOpen: function(e){
if(e.sender.dataSource.filter()){
e.sender.dataSource.filter().filters.forEach(function(f){
if(f.field == "OrderID" || f.field == 'ShipCountry') {
var checkbox = e.container.find("input[value='"+f.value+"']");
if(checkbox[0] && !checkbox[0].checked){
e.container.find("input[value='"+f.value+"']").click()
}
}else if(f.filters[0].field == "OrderID" || f.filters[0].field == 'ShipCountry'){
var current = f.filters;
current.forEach(function(filter){
var checkbox2 = e.container.find("input[value='"+filter.value+"']");
if(checkbox2.length > 0 && !checkbox2[0].checked){
e.container.find("input[value='"+filter.value+"']").click()
}
})
}
})
}
},
Demonstrated also in the Dojo linked here - https://dojo.telerik.com/MBDcImcj.
I would like to see the functionality built-in, so I don`t need to customize the Grid behavior in its columnMenuOpen/filterMenuopen event hanldlers
Regards
Enhancement
Include page size `All` to work for restoring options with setOptions()
Reproduction of the problem
Currently the `All` page size is not working correctly when filtering is applied/cleared
Dojo: https://dojo.telerik.com/hAenriDe
1. Set page size to `All`.
Environment
Kendo UI version: 2024.4.1112
jQuery version: All Supported Versions
Browser: all
Expose the ability to explicitly alter a given column's width upon exportation. Currently, such an implementation would require either a:
Hi Team,
I'd like to request a built-in way to define a column to be reorderable. This would help allow specific columns to be reorderable and prevent animation from occurring when using the approach in this Kendo UI knowledge base article.
Thank you!
Hi Team,
I'd like to request by default to resize the Kendo UI Grid's total width by default when using the AutoFitColumns method.
Thank you!
Hi Team,
I'd like to request the functionality to add the pager to the top and bottom of the Grid. I did see this request which set the Top OR Bottom position, but I'd like to see both in the future.
Thank you!
It will be really helpful if the Grid allows scroll down as you try to select more elements that are outside of the visible view.
This is one of known limitations of the widget: https://docs.telerik.com/kendo-ui/controls/grid/selection#select-modes
Hi Team,
I would like to request a way to configure the allowPaste feature to paste the row above or below the selected row/cell.
Thank you!
Environment (OS, Application, Versions): Chromium Edge Version 119.0.2151.72 (Official build) (64-bit)
Repro Steps :
Actual Results: User is not able to group/ungroup the table column header using keyboard with CTRL + SPACE key.
Expected Results: User should be able to group/ungroup the table column header using keyboard with CTRL + SPACE key.
Expose "columns.command.text.add" configuration for changing the Popup's editable when Add operations are performed. Similar to that of the columns.command.update.
Hi Team,
I would like to request that the Kendo UI Grid includes an event for when an export is completed. This way, I can control and alert the user when a document has been successfully exported.
Thank you!
Describe the bug
With LESS themes on iOS devices when the user taps and holds an icon in the Grid the following system popup appears
With the SASS themes the popup is not displayed.
To reproduce
Expected behavior
The popup for saving/copying the image should be displayed.
The same example using LESS themes - https://dojo.telerik.com/IsOvIjef
The issue might be due to the usage of -webkit-touch-callout
Workaround
<style>
.k-grid{
-webkit-touch-callout: unset !important;
}
</style>
Affected package
Affected suites
Affected browsers
Build system information
I want to use multi-checkbox filtering with complex datasource. However, the name of the field on which the filtering needs to be applied is not the same as the column field. Thus, in order to avoid custom implementation I would like to have an option to set which is the field that should be used for the filtering.
For example, in the Dojo linked here, I would like to filter the country column, but the filter field in the filterable datasource is 'id'.