Дърво, чиито възли са редове на таблица. Разгъване и свиване, сортиране, филтриране и избор на колони; клавиатурата следва модела WAI-ARIA treegrid.
Пример
Параметри
API
Параметър
Тип
Описание
ChildrenSelector
Func<TItem, IEnumerable<TItem>>
Връща наследниците на елемент. Елементите без наследници са листа.
Class
string
Допълнителни CSS класове, добавени към коренния елемент.
Columns
RenderFragment
Дефиниции на колони: елементи DataGridColumn.
Dense
bool
Ползва по-тесен вътрешен отстъп на клетките.
ExpandAll
bool
Разгъва всеки възел при първото появяване на дървото.
ExportFileName
string
Име на файла за CSV експорта, без разширението.
Height
string
Най-голяма височина на тялото на решетката, например 24rem (по подразбиране 28rem с VirtualScroll).
Items
IEnumerable<TItem>
Опциите за избор.
Label
string
Видим текст на етикета (графики: достъпно име; IconButton: достъпно име и подсказка).
RowEditing
bool
Редактира цял ред наведнъж с бутони за редакция, запис и отказ.
RowHeight
int
Височина на ред в пиксели, когато VirtualScroll е включено (по подразбиране 44).
SelectedItem
TItem
Избран възел. Ползвайте с @bind-SelectedItem.
ShowExport
bool
Добавя бутони, които записват графиката като PNG или SVG картина.
ShowFilters
bool
Показва поле за филтър под заглавието на всяка филтруема колона.
ShowToolbar
bool
Показва лентата с избирача на колони и CSV експорта.
Style
string
Вграден стил, добавен към коренния елемент.
VirtualScroll
bool
Рисува само видимите редове (редовете трябва да имат фиксиран RowHeight).
TreeListColumn
Параметър
Тип
Описание
Align
TextAlign
Left (по подразбиране), Center или Right.
Editable
bool
Позволява на потребителите да редактират клетките на колоната с щракване.
Filterable
bool
Показва поле за филтър за тази колона (по подразбиране true).
Format
string
Форматиращ низ за числа и дати, напр. N0 или d.
Hidden
bool
Първоначално скрива колоната; потребителите могат да я покажат от лентата.
Sortable
bool
Позволява сортиране по тази колона (по подразбиране true).
Template
RenderFragment<TItem>
Title
string
Текст на заглавие (заглавие на чекмедже, надпис на раздел, заглавие на колона, надпис на стъпка).
Value
Func<TItem, Object>
Текуща стойност. Ползвайте с @bind-Value.
Width
string
Skeleton: всяка CSS дължина. Charts: ширина на рисунката в единици SVG (графиката пак се мащабира спрямо контейнера си).
Събития
API
Събитие
Тип
Описание
OnRowEdited
EventCallback<TItem>
Вдига се след запис на ред, с елемента.
SelectedItemChanged
EventCallback<TItem>
Вдига се, когато се избере друг възел.
TreeListColumn
Събитие
Тип
Описание
Edited
EventCallback<TreeListEdit<TItem>>
Вдига се с елемента и новия текст, когато редакцията е потвърдена.
Пакет
TreeList е част от RayCraft Complete. Пакет: RayCraft.Blazor.Complete. Тя се тегли от частния feed на RayCraft и изисква активен лиценз. Вижте Първи стъпки.
