or
1 answer
91 views
Hi,
I am implementing grid with hierarchy view, using example below
https://www.telerik.com/kendo-react-ui/components/grid/rows/hierarchy/
but i added checkbox in the child grid where we need to select on header all the child checkbox should be selected. all works fine, but when i expand multiple childs, other child's checkbox is unchecking.
for example. i have grid with 5 rows. each rows has expand button(+) when i expand first row and check on header checkbox all child in 1st row is selected. when i expand 2nd row and do header checkbox, all the 1'st rows child is getting uncheck.
not sure how to handle this. is there any specific example or guidence?
1 answer
940 views
Hi,
I am using kendo react grid using sample available here.
https://www.telerik.com/kendo-react-ui/components/grid/selection/ "Section" : Customizing the Selection, where using checkbox to read all the selected rows.
Using the above sample , i have created grid with checkbox only on rows NOT on header checkbox as single selectable row. since my grid data will be changed frequently by adding or removing rows, i am maintaining data in react hooks useState and update this state will reflect in grid. all works as expected, but, i have below issue.
I am writing onSelectionChange event where i wanted to check/uncheck based on user selection and update my state based on this selection, when i try to update state object by reading all rows in grid using event.dataitems, i get rows only on specific page where pagination is enabled.
For ex, i have two pages with 10 in each, if i am in 2nd page and read all dataitems, i get only 10 rows in 2nd page. so i wanted to know how to read all the rows in grid irrespective of pagination. is there way to get it? the reason i'm asking is useState is not updating state immediately and i am getting previous state data and i am loosing the changes made by other events(delete/add).
here is the onSelectionChange event.
1 answer
276 views
When I try to put a checkbox inside a form element the checkbox does not check and uncheck as expected. If I just use a Checkbox outside of a FormElement tag it works as expected. I noticed the first example on this page https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/forms-support/ acts similarly to mine. Is this a known issue? Is there a working sample I could use?
<Form
onSubmit={handleSubmit}
render={(formRenderProps) => (
<FormElement>
<fieldset className={"k-form-fieldset"}>
<div className="mb-3">
<Field
name={"active"}
component={Checkbox}
label={"Active"}
value={active}
onChange={handleActiveChange}
/>
</div>
</fieldset>
<div className="k-form-buttons">
<button
type={"submit"}
className="btn btn-primary btn-sm"
disabled={!formRenderProps.allowSubmit}
>
Submit
</button>
</div>
</FormElement>
)}
/>
Ina
Telerik team
answered
on
27 Jul 2021
1 answer
89 views
Hi,
In kendo react grid we were using both GridColumnMenuFilter and GridColumnMenuCheckboxFilter, the 'Filter' button aligned differently in both the components.
GridColumnMenuFilter - Filter button is aligned right side & GridColumnMenuCheckboxFilter - Filter button is aligned left side
I have attached snapshots, can you please add
Thanks,
0 answers
76 views
1 answer
1.1K+ views
I want to implement multi select for multiple rows in a grid.
Currently I have this implementation in example docs - https://stackblitz.com/run/?file=app/main.jsx . But in this example only one row is selectable and when I select another row it cancels out the previous selected one.
Can you guys please help me with a work around or is this a limitation of the API where I can select multiple rows at the same time with select all option and manually. I tried making selectable mode to multiple but it didn't help.
