Uma árvore cujos nós são linhas de tabela. Expandir e recolher, ordenar, filtrar e escolher colunas; o teclado segue o padrão WAI-ARIA treegrid.
Exemplo
Parâmetros
API
Parâmetro
Tipo
Descrição
ChildrenSelector
Func<TItem, IEnumerable<TItem>>
Devolve os filhos de um item. Itens sem filhos são folhas.
Class
string
Classes CSS extras adicionadas ao elemento raiz.
Columns
RenderFragment
Definições de colunas: elementos DataGridColumn.
Dense
bool
Usa um preenchimento de célula mais justo.
ExpandAll
bool
Expande todos os nós quando a árvore aparece pela primeira vez.
ExportFileName
string
Nome do arquivo da exportação CSV, sem a extensão.
Height
string
Altura máxima do corpo da grade, por exemplo 24rem (28rem por padrão com VirtualScroll).
Items
IEnumerable<TItem>
As opções entre as quais escolher.
Label
string
Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
RowEditing
bool
Edita uma linha inteira de uma vez com botões de editar, salvar e cancelar.
RowHeight
int
Altura da linha em pixels quando VirtualScroll está ativado (44 por padrão).
SelectedItem
TItem
Nó selecionado. Use com @bind-SelectedItem.
ShowExport
bool
Adiciona botões que salvam o gráfico como imagem PNG ou SVG.
ShowFilters
bool
Mostra uma caixa de filtro sob o cabeçalho de cada coluna filtrável.
ShowToolbar
bool
Mostra a barra de ferramentas com o seletor de colunas e a exportação CSV.
Style
string
Estilo embutido adicionado ao elemento raiz.
VirtualScroll
bool
Desenha apenas as linhas visíveis (as linhas devem ter a RowHeight fixa).
TreeListColumn
Parâmetro
Tipo
Descrição
Align
TextAlign
Left (padrão), Center ou Right.
Editable
bool
Permite que os usuários editem as células da coluna clicando nelas.
Filterable
bool
Mostra uma caixa de filtro para esta coluna (true por padrão).
Format
string
String de formato para números e datas, p. ex. N0 ou d.
Hidden
bool
Oculta a coluna no início; os usuários podem mostrá-la pela barra de ferramentas.
Sortable
bool
Permite ordenar por esta coluna (true por padrão).
Template
RenderFragment<TItem>
Title
string
Texto de título (cabeçalho da gaveta, legenda de guia, título de coluna, legenda de etapa).
Value
Func<TItem, Object>
Valor atual. Use com @bind-Value.
Width
string
Skeleton: qualquer comprimento CSS. Charts: largura do desenho em unidades SVG (o gráfico continua se ajustando ao seu contêiner).
Eventos
API
Evento
Tipo
Descrição
OnRowEdited
EventCallback<TItem>
Gerado depois que uma linha foi salva, com o item.
SelectedItemChanged
EventCallback<TItem>
Gerado quando outro nó é selecionado.
TreeListColumn
Evento
Tipo
Descrição
Edited
EventCallback<TreeListEdit<TItem>>
Gerado com o item e o novo texto quando uma edição é confirmada.
Pacote
TreeList faz parte do RayCraft Complete. Pacote: RayCraft.Blazor.Complete. Vem do feed privado do RayCraft e requer uma licença ativa. Veja Primeiros passos.
