-
-
Notifications
You must be signed in to change notification settings - Fork 535
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
DataGrid: Add SelectedCell API (#5700)
* SelectedCell feature * Docs and release notes * Docs | DatagridApi | Add new SelectedCell params * Fix merge * Formating and comments --------- Co-authored-by: Mladen Macanovic <[email protected]> Co-authored-by: Mladen Macanovic <[email protected]>
- Loading branch information
3 people
authored
Aug 19, 2024
1 parent
6c3a2ea
commit d3e4864
Showing
17 changed files
with
452 additions
and
22 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
98 changes: 98 additions & 0 deletions
98
Demos/Blazorise.Demo/Pages/Tests/DataGrid/SelectionCellPage.razor
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,98 @@ | ||
| @page "/tests/datagrid/selection/cell" | ||
| <Row> | ||
| <Column> | ||
| <Card Margin="Margin.Is4.OnY"> | ||
| <CardHeader> | ||
| <CardTitle>Datagrid: Cell Selection</CardTitle> | ||
| </CardHeader> | ||
| <CardBody> | ||
| <Paragraph> | ||
| Set the DataGrid's <code>NavigationMode</code> to <code>Cell</code> | ||
| </Paragraph> | ||
| <UnorderedList> | ||
| <UnorderedListItem> | ||
| Bind the Selected cell to a property by binding to the <code>SelectedCell</code> parameter. | ||
| </UnorderedListItem> | ||
| </UnorderedList> | ||
| </CardBody> | ||
| <CardBody> | ||
| <DataGrid TItem="Employee" | ||
| Data="inMemoryData" | ||
| Responsive | ||
| ShowPager | ||
| ShowPageSizes | ||
| NavigationMode="DataGridNavigationMode.Cell" | ||
| @bind-Selectedcell="@selectedCell"> | ||
| <DataGridColumns> | ||
| <DataGridColumn TextAlignment="TextAlignment.Center" TItem="Employee" Field="@nameof( Employee.Id )" Caption="#" Width="60px" /> | ||
| <DataGridColumn TItem="Employee" Field="@nameof( Employee.FirstName )" Caption="First Name"> | ||
| </DataGridColumn> | ||
| <DataGridColumn TItem="Employee" Field="@nameof( Employee.LastName )" Caption="Last Name" /> | ||
| <DataGridColumn TItem="Employee" Field="@nameof( Employee.Email )" Caption="Email" /> | ||
| <DataGridColumn TItem="Employee" Field="@nameof( Employee.City )" Caption="City"> | ||
| <CaptionTemplate> | ||
| <Icon Name="IconName.City" /> @context.Caption | ||
| </CaptionTemplate> | ||
| </DataGridColumn> | ||
| <DataGridColumn TItem="Employee" Field="@nameof( Employee.Zip )" Caption="Zip"> | ||
| </DataGridColumn> | ||
| <DataGridDateColumn TItem="Employee" Field="@nameof( Employee.DateOfBirth )" DisplayFormat="{0:dd.MM.yyyy}" Caption="Date Of Birth" Editable /> | ||
| <DataGridNumericColumn TItem="Employee" Field="@nameof( Employee.Childrens )" Caption="Childrens" Editable Filterable="false" /> | ||
| <DataGridSelectColumn TItem="Employee" Field="@nameof( Employee.Gender )" Caption="Gender" Editable Data="EmployeeData.Genders" ValueField="(x) => ((Gender)x).Code" TextField="(x) => ((Gender)x).Description" /> | ||
| <DataGridColumn TItem="Employee" Field="@nameof( Employee.Salary )" Caption="Salary" Editable Width="140px" DisplayFormat="{0:C}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" TextAlignment="TextAlignment.End"> | ||
| </DataGridColumn> | ||
| <DataGridCheckColumn TItem="Employee" Field="@nameof(Employee.IsActive)" Caption="Active" Editable Filterable="false"> | ||
| <DisplayTemplate> | ||
| <Check TValue="bool" Checked="context.IsActive" Disabled ReadOnly /> | ||
| </DisplayTemplate> | ||
| </DataGridCheckColumn> | ||
| </DataGridColumns> | ||
| </DataGrid> | ||
| </CardBody> | ||
| </Card> | ||
| </Column> | ||
| </Row> | ||
|
|
||
| <Row> | ||
| <Column> | ||
| <Card> | ||
| <CardHeader> | ||
| <CardTitle>Selected Cell</CardTitle> | ||
| </CardHeader> | ||
| <CardBody> | ||
| <Fields> | ||
| <Field> | ||
| <FieldLabel>Row Index</FieldLabel> | ||
| <FieldBody> | ||
| <TextEdit ReadOnly Text="@selectedCell?.RowIndex.ToString()"></TextEdit> | ||
| </FieldBody> | ||
| </Field> | ||
| <Field> | ||
| <FieldLabel>Field</FieldLabel> | ||
| <FieldBody> | ||
| <TextEdit ReadOnly Text="@selectedCell?.ColumnInfo?.Field"></TextEdit> | ||
| </FieldBody> | ||
| </Field> | ||
| <Field> | ||
| <FieldLabel>Value</FieldLabel> | ||
| <TextEdit ReadOnly Text="@selectedCell?.Column?.FormatDisplayValue(selectedCell?.Item)"></TextEdit> | ||
| </Field> | ||
| </Fields> | ||
| </CardBody> | ||
| </Card> | ||
| </Column> | ||
| </Row> | ||
|
|
||
| @code { | ||
|
|
||
| [Inject] EmployeeData EmployeeData { get; set; } | ||
|
|
||
| private IEnumerable<Employee> inMemoryData; | ||
| private DataGridCellInfo<Employee> selectedCell; | ||
|
|
||
| protected override async Task OnInitializedAsync() | ||
| { | ||
| inMemoryData = ( await EmployeeData.GetDataAsync().ConfigureAwait( false ) ).Take( 25 ); | ||
| await base.OnInitializedAsync(); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.