зеркало из https://github.com/telerik/blazor-docs.git
chore: apply seo recommendation (#2349)
* chore: apply seo recommendation * Update components/grid/virtual-scrolling.md Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> * Update components/grid/virtual-scrolling.md Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> * Update components/grid/virtual-scrolling.md Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> --------- Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com>
This commit is contained in:
Родитель
4a76c3d287
Коммит
2d95cac37c
|
@ -5,9 +5,9 @@ When you want to refresh the component data source like that, there are two impo
|
|||
#end
|
||||
|
||||
#observable-data
|
||||
Databound components can benefit from live data - when the data source collection changes, the components should update to reflect that change. Most data-bound components in the Telerik UI for Blazor suite implement such functionality.
|
||||
Databound components can benefit from live updates - when the data source collection changes, the components should update to reflect that change. Most data-bound components in the Telerik UI for Blazor suite implement such functionality.
|
||||
|
||||
When the `Data` of the component is a collection that implements the `INotifyCollectionChanged` interface (such as `ObservableCollection`), the Telerik components subscribe to its `CollectionChanged` event to update. This means that adding items, removing items, or clearing the collection updates the components (its `.Add()`, `.Remove()` and `.Clear()` methods).
|
||||
When the `Data` of the component is a collection that implements the `INotifyCollectionChanged` interface (such as `ObservableCollection`), the Telerik components subscribe to its `CollectionChanged` event to make live update. This means that adding items, removing items, or clearing the collection updates the components (its `.Add()`, `.Remove()` and `.Clear()` methods).
|
||||
|
||||
The Observable collections fire the `CollectionChanged` event only when their `Add`, `Remove` and `Clear` methods are called. They do not fire it when you change the value of a field of one of their elements.
|
||||
#end
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
title: Events
|
||||
page_title: Form Events
|
||||
description: Form for Blazor - Events.
|
||||
description: The Form component for Blazor exposes events that allow you to react to user actions and provide user logic.
|
||||
slug: form-events
|
||||
tags: telerik,blazor,form,edit,events
|
||||
published: True
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
title: Buttons
|
||||
page_title: Form Buttons
|
||||
description: Buttons in the Form
|
||||
description: The Blazor Form component adds a default form Submit button. See how to add buttons using the FormButtons tag.
|
||||
slug: form-formitems-buttons
|
||||
tags: telerik,blazor,form,button,buttons
|
||||
published: True
|
||||
|
@ -10,13 +10,13 @@ position: 3
|
|||
|
||||
# Form Buttons
|
||||
|
||||
The [Blazor Form](https://demos.telerik.com/blazor-ui/form/overview) component adds a Submit button at the end of the form by default. You can add your own buttons through the `FormButtons` tag.
|
||||
The [Blazor Form](https://demos.telerik.com/blazor-ui/form/overview) component adds a Submit Button at the end of the Form by default. You can add your own buttons through the `FormButtons` tag.
|
||||
|
||||
When you add that template, the form will no longer render the built-in submit button so you can choose the buttons and layout you want to achieve. We recommend that you add a Submit button in all cases so the users can save their work and fire the corresponding form [events]({%slug form-events%}).
|
||||
When you add that template, the form will no longer render the built-in Blazor Form submit Button so you can choose the buttons and layout you want to achieve. We recommend that you add a Submit Button in all cases so the users can save their work and fire the corresponding form [events]({%slug form-events%}).
|
||||
|
||||
### How to add a Reset (Clear) button to the form
|
||||
|
||||
You can provide a standard [Telerik UI for Blazor Button]({%slug components/button/overview%}) to allow the user to clear the contents of the editors in the Telerik Form. See the code and its comments for some more details.
|
||||
You can provide a standard [Telerik UI for Blazor Button]({%slug components/button/overview%}) to allow the user to clear the contents of the editors in the Telerik Form. Refer to below Blazor Form Submit example for more details.
|
||||
|
||||
````CSHTML
|
||||
@* Add a Clear Button to the Telerik Form. We also add a Submit button *@
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
title: Virtual Scrolling
|
||||
page_title: Grid - Virtual Scrolling
|
||||
description: Enable and configure virtual scrolling in Grid for Blazor.
|
||||
description: Enable and configure virtualization in the Blazor Grid with virtual scrolling - an alternative to paging.
|
||||
slug: components/grid/virtual-scrolling
|
||||
tags: telerik,blazor,grid,virtual,scrolling
|
||||
published: True
|
||||
|
@ -14,7 +14,7 @@ Virtual scrolling provides an alternative to paging. Instead of utilizing a page
|
|||
|
||||
To enhance rendering performance, the Grid reuses the same set of HTML elements. As the next data loads, a loading indicator appears on the cells. If the user scrolls back up after scrolling down to the next set of rows, the previous data reloads from the data source, similar to regular paging, with the scroll distance determining the data to be loaded.
|
||||
|
||||
You can also use virtual scrolling for the Grid columns. See the [Column Virtualization]({%slug grid-columns-virtual%}) article for more information.
|
||||
You can also use the Blazor Grid virtualization for the Grid columns. See the [Column Virtualization]({%slug grid-columns-virtual%}) article for more information.
|
||||
|
||||
## Using Virtual Scrolling
|
||||
|
||||
|
@ -318,7 +318,7 @@ Set the `PageSize` parameter to an `int` value. The `PageSize` determines how ma
|
|||
|
||||
## Limitations
|
||||
|
||||
Virtualization primarily enhances client-side rendering performance and improves the user experience. However, it comes with the trade-off that certain features of the Grid are incompatible with it. An alternative approach is to utilize [regular paging]({%slug components/grid/features/paging%}) combined with [manual data source operations]({%slug components/grid/manual-operations%}) to achieve the desired data retrieval performance.
|
||||
The Blazor Grid virtualization primarily enhances client-side rendering performance and improves the user experience. However, it comes with the trade-off that certain features of the Grid are incompatible with it. An alternative approach is to utilize [regular paging]({%slug components/grid/features/paging%}) combined with [manual data source operations]({%slug components/grid/manual-operations%}) to achieve the desired data retrieval performance.
|
||||
|
||||
These are the known limitations of the virtual scrolling feature:
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
title: Overview
|
||||
page_title: Spreadsheet - Overview
|
||||
description: Get familiar with the Spreadsheet for Blazor and its features and parameters. Learn how to quickly run a Spreadsheet component.
|
||||
description: The Blazor Spreadsheet component allows users to view and edit tabular data with an Excel-like user experience.
|
||||
slug: spreadsheet-overview
|
||||
tags: telerik,blazor,spreadsheet
|
||||
published: True
|
||||
|
@ -10,7 +10,7 @@ position: 0
|
|||
|
||||
# Blazor Spreadsheet Overview
|
||||
|
||||
The <a href = "https://www.telerik.com/blazor-ui/spreadsheet" target="_blank">Spreadsheet for Blazor</a> enables users to view and edit tabular data with an Excel-like user experience. The component supports cell styling, value formatting, links, images, formulas, and a rich collection of mathematical functions.
|
||||
The Spreadsheet for Blazor enables users to view and edit tabular data with an Excel-like user experience. The component supports cell styling, value formatting, links, images, formulas, and a rich collection of mathematical functions.
|
||||
|
||||
|
||||
## Creating Blazor Spreadsheet
|
||||
|
@ -55,7 +55,7 @@ You can also add custom tools. Learn how to [configure and customize the Blazor
|
|||
|
||||
## Functions and Formulas
|
||||
|
||||
The Spreadsheet supports formulas and a large variety of Excel functions. See the complete list of available [Spreadsheet functions]({%slug spreadsheet-functions-formulas%}).
|
||||
The Blazor Spreadsheet component supports formulas and a large variety of Excel functions. See the complete list of available [Spreadsheet functions]({%slug spreadsheet-functions-formulas%}).
|
||||
|
||||
|
||||
## Events
|
||||
|
@ -87,7 +87,7 @@ The table below lists the Spreadsheet parameters. For a full list of the ListBox
|
|||
|
||||
## Spreadsheet Reference and Methods
|
||||
|
||||
The Spreadsheet exposes methods for programmatic operation. To use them, define a reference to the component instance with the `@ref` directive attribute.
|
||||
The Blazor Spreadsheet component exposes methods for programmatic operation. To use them, define a reference to the component instance with the `@ref` directive attribute.
|
||||
|
||||
| Method | Description |
|
||||
| --- | --- |
|
||||
|
|
Загрузка…
Ссылка в новой задаче