or
0 answers
461 views
I have a form and I am attempting to populate the initialValues with data returned from an API request.
const [customer, setCustomer] = useState({});
getCustomer(props.oidc, params).then((result) => {
setCustomer(result[0]);
});
initialValues={customer}
I can see the data coming thru, although it does take it a second to return. I can see the state updating, but the data does not appear to be populating in the form. Is the data supposed to populate or am I missing something?
1 answer
133 views
TreeList expanded working with "id" for expanding & collapsing. But I need use some other unique property instead of "id" for expanding & collapsing. In below example object "extension" has unique value. so how can I use "extension" for expand & collapsing.
employees = [
{
name: 'Daryl Sweeney',
extension: 8253,
hireDate: new Date(2012, 2, 7),
fullTime: true,
},
{
name: 'Sweeney',
extension: 8254,
hireDate: new Date(2012, 2, 7),
fullTime: false,
}
]
Stefan
Telerik team
answered
on
06 Aug 2021
1 answer
382 views
Are there any built-in settings for the placement of the pagination/pager container? If not, how do you recommend tackling this?
1 answer
285 views
I am not able to edit in kendo react grid, which column have cell property. EnterEdit event is not triggering.
<GridColumn
field='gender'
title='gender'
width='110px;'
filter='dropdown'
cell={this.loaddgenderdropdown}
/>
const value = props.dataItem.gender
const dropDownData = [
{ text: "M", value: true },
{ text: "F", value: false },
]
if (props.dataItem.inEdit) {
return (
<td>
<ComboBox
style={{ width: "70px", font: "inherit" }}
defaultValue={props.dataItem[props.field].text}
data={dropDownData.map((a) => {
return a.text
})}
/>
</td>
)
}
}
Please help me to resolve this issue.
Thanks,
Arun
Stefan
Telerik team
answered
on
05 Aug 2021
1 answer
256 views
When i select a row in a grid, and press a delete key in a keyboard, it is not deleting. onKeyDown event is not triggering.
Please help me to resolve this issue.
Thanks.
Arun
Stefan
Telerik team
answered
on
05 Aug 2021
1 answer
508 views
The Grid column menu does not close correctly. When I click the three-vertical-dots icon, it opens just fine. If I click the three-vertical-dots icon again to close it, it begins to close on the mouse down event, but then opens again on the mouse up event. You can close/collapse it completely by holding down the mouse button for a second or two, but as soon as you release the mouse button, it expands back open again. This can easily be reproduced with the examples here:
https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/
To close the menu, you can't use the three-vertical-dots icon. You instead need to click somewhere else on the page, which closes the menu. You can also click either the Clear or Filter buttons and that will close the menu as well.
I'm using GridColumnMenuCheckboxFilter. I searched for a long time for a solution to this, but I didn't find any mentions of the problem. I've noticed that older examples on stackblitz that use older Kendo versions do not have this problem. With the older versions, you can click the three-vertical-dots icon once to open the menu, and once again to close the menu, as you'd expect.
Stefan
Telerik team
answered
on
05 Aug 2021
1 answer
121 views
I needs to share master grid header with detail grid data. Then if resize the master grid column, detail grid column not get aligned. but it should aligned depends on master column
Stefan
Telerik team
answered
on
05 Aug 2021
1 answer
336 views
Hi,
Is there existing functionality to select all items in the MultiSelect control, or does this have to be implemented using custom logic? There is already an 'X' that appears within the control once a selection has been made that clears all selected items, so an integrated select all would be preferable to a custom external button.
Kind regards,
David
Stefan
Telerik team
answered
on
04 Aug 2021
1 answer
664 views
Is it possible to add the grab icon when hovering over (cursor: grab;) a Column Header and the grabbing icon when reordering (cursor: grabbing;) like it is done for the reordering of the tile layout?
https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles/#toc-reordering
It looks like it would need .k-cursor-grabbing added when moving and .k-cursor-grab when hovering.
The issue I had with applying the cursor:grab and cursor:grabbable to the active .k-header is that while you are dragging a column on top of another column, you lose the grabbing icon and you get the open hand because you are hovering over another column. EVEN though you haven't dropped the column yet.
Ina
Telerik team
answered
on
04 Aug 2021
1 answer
479 views
Hi Team,
According to the Kendo React documentation, when the width of a grid column is set to undefined (and any such columns are AFTER columns that have defined set widths), that column (or set of any such columns) should take up the remaining space in the grid and resize as the grid is resized. This is working correctly when the grid is initially rendered.
However after this initial rendering we allow the user to manually resize the grid column (which also works correctly) and then we have a sort of "reset" action which sets the grid column's width back to undefined (with the expectation that the grid column would revert back to the original behavior of taking up the remaining space in the grid and resize proportionally as the grid is resized).
It is this resetting of the grid column's width back to undefined that is not properly re-rendering.
Is this a known issue? We are working with version 4.3 of the Kendo React grids but are looking to upgrade to 4.7 soon; would it happen to be fixed in 4.7?
Thanks in advanced.
Jacob Yeh
Stefan
Telerik team
answered
on
04 Aug 2021
