Hi,
I have a date column where I need to parse to date format. when initialising the kendo grid, my console received an error about Uncaught ReferenceError: updatedDate is not defined
I have made a dojo to replicate this error
When I select a filter dropdown value, it gets populated into other filter fields as well.
I have checked my grid configurations, but couldn't figure our what issue is there.
PS: The attachment is an GIF screen recording of the issue.
Hı everyone,
kendo grid reloading after update not working ?
Could you help?
Thank you
I'm new to Kendo UI/Telerik, but have been a web developer for over 15 years.
Please forgive my title as well, as I could be doing it completely wrong by doing this:
dataBound:function(){
$('.toolbar').kendoToolBar({
items: [ {
type: "splitButton",
text: "Edit",
click:function(e){
var grid = $('#grid').data('kendoGrid');
grid.editRow(e.target.parents('tr'))
},
menuButtons: [
{ id: "foo", text: "Print", click:function(){alert('print')} },
{ id: "bar", text: "Delete", click:function(e){
var grid = $('#grid').data('kendoGrid');
grid.removeRow(e.target.parents('tr'))
} },
]
} ]
});
}
But that's what the demo shows. I’m a bit confused as to why this works with a hardcoded data source:
https://dojo.telerik.com/eMUwAqUH
I've been piecing together quite a bit on my own, but one thing has me stumped -- this seems like such a common requirement for Grid usage, and yet my searches don't seem give me anything for jQuery UI.
But as soon as I swap in my real data source (API call), when I hit Edit, then hit Edit again to save the change, the entire box disappears.
I took a short video:
https://www.loom.com/share/9d894316b4364efbae18c01e8ede9db4
This is a pretty big deal for me because all of my data tables are going to be API driven, and I want to use a dropdown for the action columns NOT individual buttons. A lot of the time I’m going to have more than just “Edit and Delete” so a dropdown makes more sense.
Any help would be appreciated, I'm sure you can literally swap out the dataSource and columns with a sample one, and you should get the exact same error. I'm running on the latest version of Edge, but same thing happens in Chrome.
Hi,
I encoutered a problem where I'm trying to have 2 different filter options for a Kendo Grid column and I can't manage to find the answer on how to combine filters like Operators (equal to, is greater than, etc.) and filter multi checkboxes listing all results for that column.
I have a working copy of filter multi checkboxes, but when I try to add a second option on one of my columns.filterable it's not taken into account and I didn't manage to find any answers on a possible how to.
filterable: {
multi: true,
operators: {
string: {
eq: "Equal to",
neq: "Not Equal to"
}
},
}
Hi
I use a grid to show all items ordered by a customer.
This grid is reloaded with filtered remote data as soon as I select another customer. So far so fine.
The grid uses endless scrolling. Now, if I restrict to 200 records per page and I get 349 records as result, I can scroll to the end as expected and I get all the additional page(s).
But as soon as I've scrolled to the end of the list, the endless scroll feature seems to stop working. Loading the data of a new customer works fine but the grid doesn't scroll beyond record 200 and it doesn't load the next page.
Is there a way to reset the scroll endless behaviour and shouldn't this happen automatically when loading new data by filtering the data source?
Kind regards
Alex
We are facing filter issue on Kendo Grid when filter value is mapped to 0, below is the piece of code.
(We are applying existing filters to the new datasource to get the expected result)
Code:
BulkTaggingDataSource.read().then(function () {
var filter = {};
if ($("#FoodGrid").data("kendoGrid").dataSource.filter()) {
filter.filter = $("#FoodGrid").data("kendoGrid").dataSource.filter();
}
var query = kendo.data.Query.process(BulkTaggingDataSource.read.data(), filter);
$.each(query.data, function (index, content) {
$.each(query.data, function (index, content) {
if ($.inArray(content.id, checkedIds) < 0) {
checkedIds[content.id] = state;
}
})
})
});
Filter which we get from $("#FoodGrid").data("kendoGrid").dataSource.filter(): is
In our case if the {field: 'TotalHours', operator: 'eq', value: '0'} if the filter value is '0'
we get the query.data as empty array and we wont get the expected result.
and filter will work if the {field: 'TotalHours', operator: 'eq', value: '5'}
we are facing issue only for '0' filter. and in schema we have declared 'TotalHours' as number.
Kindly let us know how to fix this issue.
Hi, i have a grid which when creating an new element, the back-end verify if all the user data is correct and saves it in the db. Instead, if it have some errors will return which field has the error and the message about why failed.
My question is, how can i show this message like it was a validation? Like the required validation with the yellow tooltip above the cell (see image below)
My grid is in "inline" editing mode.
Thanks for your help!