or
1 answer
317 views
Hey!
I'm trying to update kendo-ui version to the latest. The initialization code stays the same:
import '@progress/kendo-ui/css/web/kendo.common.less'
import '@progress/kendo-ui/css/web/kendo.default.less'
require('@progress/kendo-ui/js/kendo.all');It works fine until the version 2020.2.512. Starting from this version and higher "window.kendo" object is still available but jQuery does not contain any of kendo* methods (like $(...).kendoNotification)
So...what changed there?...
I'm using webpack to build the application, jQuery is the latest 3.*
~upd
window.kendo.jQuery has everything in place. But window.jQuery does not
Neli
Telerik team
answered
on
12 Jul 2021
4 answers
292 views
- Enable serverPaging, serverSorting, virtual scroll. Please refer the attached codes.
- Run the page in browser.
- Drag scrollbar to end
- Click "name" column header to sort the grid.
Observed:
Grid only shows the last 3 rows.
Question:
How can I make last ten rows show after sort? Like this:
<html>
<head>
<link rel="stylesheet" href="styles/kendo.common.min.css"/>
<link rel="stylesheet" href="styles/kendo.default.min.css"/>
<script src="jquery-3.6.0.js"></script>
<script src="kendo.all.js"></script>
<style>
.grid {
width: 800px;
height: 400px;
}
</style>
</head>
<body>
<div class="grid"></div>
<script>
$(()=>{
var ds = [];
for(var i=0;i<13;i++){
ds[i]={name:i.toString(),number:i};
}
var dataSource = new kendo.data.DataSource({
serverPaging:true,
serverSorting:true,
pageSize:10,
type: "odata",
transport: {
read: options=>{
var d=[];
for(var i =options.data.skip;i<options.data.skip+options.data.take && i<ds.length;i++){
d.push(ds[i]);
}
var r = {
d: {
__count: ds.length,
results: d
}
};
options.success(r);
}
}
});
$(".grid").kendoGrid(
{
sortable:true,
columns:["name","number"],
dataSource:dataSource,
scrollable: {
virtual: true
}
}
);
});
</script>
</body>
</html>
Neli
Telerik team
answered
on
09 Jul 2021
0 answers
160 views
Hello, I have written some custom jquery to conditionally combine columns with a colspan attribute which is added ondatabound... everything works however if I click cancel changes or save changes the colspan immediately gets overwritten to 1 1 instead of the 3 that I have written... thoughts? I am using locked columns as well..
5 answers
2.8K+ views
I'm running into a situation in my MVC app where the Kendo grid seems to be assuming that my date columns are UTC dates and are converting them to local time. Most of my dates are off by one day.
First of all, is this what the grid is doing? Past posts about issues like this seems to confirm it. If so, can I tell the Kendo grid that my dates are not UTC? We're building an app around an existing database where the dates are not stored as UTC and the dates cannot be converted. If I can't tell the Kendo grid to stop doing this, what alternatives do I have? I know I can represent dates as strings in the grid, but then I lost the ability to sort correctly if the user chooses to sort a date column. Converting all date columns in our database to UTC is not an option.
Angel Petrov
Telerik team
answered
on
08 Jul 2021
1 answer
164 views
We are using a custom editor on one of the columns of the kendo spreadsheet. The Kendo spreadsheet contains multiple sheets each having variable number of columns. As of now we are creating all the sheets with equal number of columns by getting the maximum column count from the sheet having max number of columns and then for the other sheets with less column count , we are hiding them.
I am using the following custom editor code to position the editor with the cells. I am using ".k-spreadsheet-active-shell.k-right" class to identify the rightmost column and get the position of the column. But now in the current situation because I have some hidden columns after my actual column where I need the custom editor, k-right class is not getting applied .
Is there a workaround for this? Can kendospreadsheet contains sheets with different columns count?
Neli
Telerik team
answered
on
08 Jul 2021
1 answer
185 views
Hi,
Need customization of Checkboxes on focus need to add arrow showing below options.
Currently having close ( X ) icon. Need to be add down arrow as per attachment design.
Please assist.
Neli
Telerik team
answered
on
07 Jul 2021
5 answers
811 views
Hello!
I need a feature for this chat control that is present in Kendo Angular library (https://www.telerik.com/kendo-angular-ui/components/conversationalui/message-templates/)
I'm talking about message templates: the possibility to add a custom template in normal message.
I need it to implement some advance features, like messages deletion and messages modification.
This feature will be present soon in Kendo jQuery library?
Thanks,
Mattia
2 answers
175 views
Hi,
I have following code, and i could editable field marked as editable: false ?
Why regards
<div kendo-grid="mygrid"
class="customTransBg"
uib-collapse="hideDifference"
k-data-source="mygridDatasource"
k-sortable="true"
k-editable="true"
k-pageable="true"
k-filterable="{mode: 'row'}"
k-columns='[
{field: "source.<spring:message code="global.description"/>",
title:"<spring:message code="rapport.etatcompte.erreurs.colonne.source"/>",
filterable: filteringConfig, editable: false},
{field: "compte", title:"<spring:message code="rapport.etatcompte.errors.colonne.compte"/>",
filterable: filteringConfig, "editable": false},
{field: "date",title: "<spring:message code="rapport.etatcompte.errors.colonne.date"/>", editable: false,
filterable: filteringConfig},
{field: "facture", editable: false,title: "<spring:message code="rapport.etatcompte.errors.colonne.facture"/>",
filterable: filteringConfig},
{field: "total", title:"<spring:message code="rapport.etatcompte.errors.colonne.total"/>", editable: false,
format:"{0:c}",
filterable: filteringNumberConfig},
{field: "codeErreur",
defaultValue: {id:" ",descriptionFr:" "},
title: "<spring:message code="rapport.etatcompte.errors.colonne.codeErreur"/>", attributes: {"class": "k-item noCap"}, editor: codeErrorDropDownEditor, template: "#=codeErreur.<spring:message code="global.description"/>#", nullable: false}
]'>
</div>
Georgi Denchev
Telerik team
answered
on
07 Jul 2021
1 answer
634 views
Is there any way of formating a cell on incell editing and making sure that everytime the user leaves the cell, its value is in hh:mm format?
Similar to the editing custom editor example and the unit price column.
I tried the following but it did not make any difference. I am still able to pass whatever value I want.
...
columns: [
{ field: "time", title: "Time", width: "40px", attributes: {style: "text-align:left;"}, headerAttributes: {style: "text-align:left;"}, format: "{0:hh:mm}" },
],
...I am guessing I will have to combine both datasource validation and the format option in order to achieve what I want.
Thank you in advance,
Syian
Georgi Denchev
Telerik team
answered
on
07 Jul 2021
0 answers
261 views
Hi all
I use a kendo grid to display some datas (with VUE JS 3 ) . This one is pageable.
I use the event "page" called when I change the page. I try to call initContextMenu from this event but I have the error "initContextMenu" is not a function"...
How can I call initContextMenu ? thanks you !
grid:function () {
kendo.jQuery("#grid").kendoGrid({
columns: [
{
field: "title",
title: "Titre",
template: "<div>#: title #</div>",
},
],
dataSource: this.dataS.orders,
pageable: {
pageSize: 11,
buttonCount: 7,
},
page: function (e) {
initContextMenu(); // I would like call this function
console.log(e.page);
},
});
},
initContextMenu:function () {
// then ....
},
