I have a kendoGrid, on initial load I am able to see the pagination being set and datasource.total has some value:
On Initial load:
When I click on the default "cancel" option from my toolbar, the total is "undefined".:
OnCancel:
I can see the data in my grid, but the pagination footer displays "No items to display"
I try to use this code
but is not working
always return -1
var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabStrip.select().index()
Can't I change Numerictextbox to kendoTextBox?
Can I change Numerictextbox to kendoTextBox format with special coding?
Please change numerictextbox in the url below to kendoTextBox.
https://dojo.telerik.com/uLIzaDag
Please enter coding in the area below /* start code */
It may be very easy or it may be very difficult.
Please make it a success. thank you.
Hii,
We are using Kendo version Kendo UI v2020.2.617 in our project, can you please help me out with how I can implement cut, copy, and paste inside the Kendo UI?
Will cut, copy, and paste be implemented and released in the upcoming releases ? or if not could you guide me in how I can implement it in our project?
Thank you.
Hi !
hello. Below is a simple test page.
https://dojo.telerik.com/eSAqaXuw/2
A counter for kendosplitter resize event and a counter for splitbar's dragenter event.
It should be resize cnt = dragenter + 1.
But, the more you go on, the more you go on, the more time goes by.
The gap widens. The difference increases.
Is there any way to strengthen dragenter's recognition?
How can dragenter events always be recognized?
Why isn't the dragenter event recognized properly?
I am very worried about this issue.
Thank you for reading.
I am wanting to re-open a previously opened kendo dialog. The dialog has scrolling content so when it re-opens I want to be at the top of the dialog again.
How can I do this? Or will I need to destroy and re-create?
This is a follow-up to my original question:
I have a Kendo Date Picker for AngualrJS and I would like to color the individual day cells for a given day within the month.
https://www.telerik.com/forums/angualrjs-kendo-date-picker-how-to-color-day-cells
The follow-up question is:
I see that you can tie a colour background to a particular day value within a month, but how would you do that to a specific date (i.e. Make only the 10th of January red, but not the 10th of February, for example)?
Hello , i have an issue with converting the milliseconds to human readable date,
I cannot find the solution for vue, but I have found multiple solutions for jquery.
What am i doing wrong ?
I noticed in the jquery example, the have this : labels: {
template: "#= kendo.toString(new Date(value), 'HH:mm') #"
}
i have tried adding this code :
it does not work, any suggestions would be greatly appreciated. Thank you
Morning,
I've been using the Kendo Grid for years and absolutely love it for what I can do with it, but every so often I get asked to stretch the functionality of what it can do, I haven't found much documentation on this, but i'll try my best to give an example of what I've done, and to see if there is a better way of doing it..
I have a field in my Grid that is a string, with multiple "Tags" explicitly given in the dataSource in filterable.
{
"columnMenu": {
"componentType": "modern"
},
"stickable": true,
"field": "conditions",
"filterable": {
"enabled": true,
"multi": true,
"search": true,
"dataSource": [
{
"conditions": "TEST123"
},
{
"conditions": "TEST"
},
{
"conditions": "ABC"
},
{
"conditions": "DEF"
}
]
},
"groupable": true,
"aggregates": "count",
"groupHeaderTemplate": "Conditions: #= value # (Count: #= count#)",
"sortable": true,
"title": "Conditions",
The data in the field is a string of comma separated tags, i.e.
TEST, ABC, DEF
I've updated the filter method on the Grid so that I can select multiple options in the filter menu, and it does a "contains" look up to match multiple hits.
filter: function(e){
this.columns.forEach(function(f){
if(e.field === f.field){
if(f.filterable.hasOwnProperty('dataSource')){
e.filter.filters.forEach(function(f){
f.operator = "contains";
e.filter.logic = "and";
})
}
}
})
},
I have two issues here.
1. I'm using contains, so if the tags are similar (TEST, TEST123), selecting TEST will show both TEST and TEST123 - which isn't ideal.
2. If I select an option from the filter menu, it doesn't remain checked if you were to go back into the filter menu again.
I've asked this question before and had some great help to get it to this point using: https://docs.telerik.com/kendo-ui/knowledge-base/grid-how-to-change-multi-checkbox-filter-to-contains but I'm wondering if there is a better way of achieving the functionality I'm looking for here with the grid. I added square brackets to the tags to distinguish them ([TEST], [TEST123]) , but my users didn't like this change.
Is there a way to do this without using contains?
I'd also like to be able to see the selected option in the filter menu - I can find the checkbox through jQuery, but I cannot toggle it's state..
e.filter.filters.forEach(function(f){
var checkbox = $(".k-filter-menu").find("input[value='"+f.value+"']");
console.log(checkbox);
checkbox.prop("checked", true).trigger("change");
checkbox.attr("checked", true).trigger("change");
f.operator = "contains";
e.filter.logic = "and";
})
Thanks for your help,
Matt