Hi,
I'm trying to use kendo grid virtual scrollable + editing + sorting with version 2017.3.1018.
The create/update is working well, but there is an unexpected behavior in delete function.
You can see it in this example:
https://dojo.telerik.com/@huan5.wang@citi.com/urAxO/3
Here is a grid with 10000 items displayed. And the data is sorting by Id in descending order.
When I delete the first item (Id: 9999) and then refresh the grid (scroll down and up, sorting), this deleted item will reappear.
Could you review it?
Thanks
Our accessibility department flagged our kendo multiselects as being "inaccessible" because "spacebar" is not supported to use as a selector. Multiselect apparently uses "Enter" key to make multiple selections.
I have tried to swap the keycodes during detection but it doesnt seem to work.
Ultimately, we would like to support "spaces" in our input field, but use the spacebar key to make a selection when scrolling through the list.
I have tried this code but it doesnt work. Any ideas? Is this possible?
//watch for "spacebar" key sequence from user keyboard
multiselectRoot.on("keydown", function (e) {
if (e.keyCode === 32) { // space bar
console.log('found spacebar');
event.preventDefault();
e.keyCode = 13; //reset to "return key"
multiselect.trigger(e);
console.log('event fired');
}
});
Thank you
So all the examples given are for jQuery and show to use the id assigned to the select and use dataItems() to get the selected items in an array. However, for React, I haven't had luck defining a MultiSelect with an id, and I am unsure how to select a specific one to get the selected items. I have several multiselects defined and need to get the selected items that are provided via a remote data source.
Here is an example of one them:
<MultiSelect id=
"materials"
dataSource = {
this
.materialOptions} dataTextField={
'material_code'
} dataValueField={
'material_code'
} placeholder=
'Select Materials...'
/>
When I view the element it doesn't have the assigned id "materials". So how I can access this outside of the render definition?
When I view my KendoUI map control on my iPad I see 2 marker images for each marker - one large and the other small.
On every other browser the map looks OK, but for some reason on iPad I see an additional large marker behind.
Is there a way I can remove the large marker on ipad?
Cheers
Hi,
Im using the Kendo Date Picker and next to it is an input Im using to display a time range (eg: 12:00 - 13:00). Is it possible to make the input look and behave (ie, changing shades on hover) like a kendoUI Time Picker, but not function like one?
Thanks,
Grant
Hi,
I'm wondering if there is something to make a parent child relationship between an autocomplete component to a grid?
I used to have another grid to host the information from autocomplete which I can use linkChild() to easily bind two grids. But I couldn't seem to find any similar function that allows me to do the same between the autocomplete with the grid. If there is no such method exist, is there any walk around that allows me to do so?
Regards,
Yifan
'CompanyName' field and 'ContactTitle' field have an editable: false attribute.
However, editing is possible.
https://dojo.telerik.com/akUSOh/2
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
},
editable : true,
pageable: true,
columns: [{
field: "CompanyName",
title: "Company Name",
width: 420,
editable : false
},
{
title: "Contact Info",
columns: [{
field: "ContactTitle",
title: "Contact Title",
width: 200,
editable : false
},{
field: "ContactName",
title: "Contact Name",
width: 200
},{
title: "Location",
columns: [ {
field: "Country",
width: 200
},{
field: "City",
width: 200
}]
},{
field: "Phone",
title: "Phone"
}]
}]
});
I've searched around a little but can't find a relevent resolution.
On a grid with virtual scrolling (all data is on client), how can I stop Kendo from scrolling to the top of the page after a user does a batch save and the grid rebinds?