New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore(Grid): add kb for selectall with onRead #2697

Open

ntacheva wants to merge 1 commit into master from select-all-onread

Contributor

ntacheva commented Jan 10, 2025

No description provided.


          chore(Grid): add kb for selectall with onRead

ntacheva added the merge-to-production label

ntacheva self-assigned this

ntacheva requested a review from a team as a code owner

January 10, 2025 16:55

Contributor

github-actions bot commented Jan 10, 2025

Hello @ntacheva,

Check the below option if you would like to automatically generate PR to production. The automation uses the branch for the cherry-pick, and then will delete the branch. Please, do not delete it manually.

create PR to production

dimodi reviewed

View reviewed changes

knowledge-base/grid-select-all-onread.md


		## Solution

		The described behavior is expected as when using the `OnRead` event, the Grid operates only with the current set/page of data. The component does not have information for all the items in your datasource and [thus it cannot select them all](slug:grid-selection-row#selection-and-paging).

Contributor

dimodi Jan 13, 2025

This paragraph belongs to a Cause section.

dimodi reviewed

View reviewed changes

knowledge-base/grid-select-all-onread.md

+. Use [`HeaderTemplate` for the `CheckboxColumn`](slug:components/grid/columns/checkbox#header-template) and add a custom [CheckBox component](slug:checkbox-overview) so you can have full control over its behavior.
+. Handle the [`OnChange` event](slug:checkbox-events#onchange) of the CheckBox to track when the user checks/unchecks it to manage the selected items.
+                  - When the CheckBox is checked, request all the data from your datasource and assign it to the `SelectedItems` collection, so you have all items selected. You may want to cache all the data for further usage, so you don't need to request it additionally upon clicking the custom SelectAll CheckBox.

Contributor

dimodi Jan 13, 2025

This may not be acceptable if the data item count is too large. Another option is to raise a flag, so that all new items received in OnRead (e.g. during paging) are added to SelectedItems.

dimodi reviewed

View reviewed changes

knowledge-base/grid-select-all-onread.md

+                  private List<Employee> GenerateData()
+                  {
+                      var result = new List<Employee>();
+                      var rand = new Random();

Contributor

dimodi Jan 13, 2025

Use the static Random.Shared instead.

dimodi reviewed

View reviewed changes

knowledge-base/grid-select-all-onread.md

		@@ -0,0 +1,147 @@
		---
		title: Select All Items With CheckBox when Using OnRead

Contributor

dimodi Jan 13, 2025 •

edited

Loading

SEO

Suggested change

      
            title: Select All Items With CheckBox when Using OnRead
          
            title: Select All Grid Items With CheckBox when Using OnRead

dimodi reviewed

View reviewed changes

knowledge-base/grid-select-all-onread.md

@@ @@ -0,0 +1,147 @@ @@
+              ---
+              title: Select All Items With CheckBox when Using OnRead
+              description: How Select All Items With CheckBox when Using OnRead in the Grid for Blazor

Contributor

dimodi Jan 13, 2025

Suggested change

      
            description: How Select All Items With CheckBox when Using OnRead in the Grid for Blazor
          
            description: How to select all Grid rows with checkBox when using the OnRead event in the Telerik Grid for Blazor.

dimodi reviewed

View reviewed changes

knowledge-base/grid-select-all-onread.md

+              title: Select All Items With CheckBox when Using OnRead
+              description: How Select All Items With CheckBox when Using OnRead in the Grid for Blazor
+              type: how-to
+              page_title: How Select All Items With CheckBox when Using OnRead

Contributor

dimodi Jan 13, 2025

Suggested change

      
            page_title: How Select All Items With CheckBox when Using OnRead
          
            page_title: How to Select All Grid Items With CheckBox when Using OnRead

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

merge-to-production