Ignite UI for Blazor Changelog

    Todas as alterações notáveis para cada versão do Ignite UI for Blazor estão documentadas nesta página.

    • A partir da versão 2024.2, o conjunto de ferramentas do Ignite UI for Blazor dá suporte ao .NET 9. Para obter mais informações sobre o .NET 9, consulte este artigo no site da Microsoft.

    {PackageVerChanges-24-2-MAR}

    IgniteUI.Blazor

    • Todas as grades
      • Adicionado novo DisabledSummaries para as colunas da grade, permitindo que os desenvolvedores pulem alguns dos resumos
      • Botão de ação de grade interna encapsulada

    Correções

    Número do bug Controle Descrição
    35497 IgbDialog Quando ShowAsync e HideAsync são chamados, o código subsequente não é executado

    24.2.85 (February 2025)

    Enhancements

    Barra de ferramentas

    Correções

    A tabela a seguir lista as correções de bugs feitas para o conjunto de ferramentas Ignite UI for Blazor para esta versão:

    Número do bug Controle Descrição
    26218 Biblioteca do Excel A margem direita da área de plotagem do gráfico torna-se mais estreita e o padrão de preenchimento e o primeiro plano de preenchimento desaparecem apenas carregando um arquivo do Excel
    29998 Combo Igb O retorno de chamada do evento Change foi disparado várias vezes no .NET 8
    30286 Gráfico de Dados Igb O conteúdo da dica de ferramenta da série de bolhas é alternado para os dados de bolhas próximas ao clicar em uma bolha
    31344 IgbGrid A associação bidirecional para SelectedRows não funciona
    32906 Gráfico de Dados Igb IgbDataChart está mostrando dois xAxis na parte superior
    33605 Gráfico de Dados Igb ScatterLineSeries não está mostrando a cor da linha corretamente na legenda
    34053 IgbRadialGauge A posição do rótulo da escala é deslocada
    34083 Biblioteca do Excel TextOperatorConditionalFormat's não é carregado/salvo corretamente se o texto contiver = em um arquivo de modelo do Excel
    34149 IgbGrid Mostrar e ocultar repetidamente o IgbGrid causa vazamento de memória no JS Heap
    34224 IgbGrid O erro 'Há vários tempos de execução do .NET presentes' é gerado quando o aplicativo muda do modo Servidor para o modo WebAssembly se 'InteractiveAuto' for usado para o modo de renderização
    34654 IgbGrid NullReferenceException será lançado se um dado contiver uma lista vazia
    34776 Gráfico de Dados Igb Mostrar e ocultar repetidamente o IgbDataChart causa vazamento de memória no JS Heap
    35439 IgbGrid O uso da CPU e o consumo de memória são anormalmente altos quando o aplicativo é aberto em várias guias
    35495 Biblioteca do Excel As imagens nas células são perdidas quando um arquivo de modelo é carregado
    35498 Gráfico de Dados Igb As dicas de ferramentas para a série especificada em IncludedSeries não são exibidas
    36024 IgbGrid O tamanho do heap JS nunca foi reduzido ao mover para frente e para trás entre duas páginas com o componente IgbGrid
    36176 Biblioteca do Excel Ocorre uma exceção ao carregar uma pasta de trabalho do Excel que tem uma função LET
    36379 Biblioteca do Excel As cores com qualquer canal alfa em uma pasta de trabalho do Excel não são carregadas

    24.2.71 (January 2025)

    • Correções

    IgniteUI.Blazor

    • Todas as grades
      • Corrigido um vazamento de memória crítico quando os componentes são abertos em várias guias duplicadas do navegador.

    24.2.52 (December 2024)

    IgniteUI.Blazor (Charts)

    DashboardTile (Beta)

    • O novo componente Dashboard Tile é um controle de contêiner que analisa e visualiza uma coleção ItemsSource associada ou um ponto único e retorna uma visualização de dados apropriada com base no esquema e na contagem dos dados. Esse controle utiliza um componente interno da barra de ferramentas para permitir que você faça alterações na visualização em tempo de execução, permitindo que você veja muitas visualizações diferentes de seus dados com o mínimo de código.

    IgniteUI.Blazor (Inputs)

    • Novo ColorEditor (Beta) & Toolbar ToolAction (Beta)

    Esse novo Editor de cores pode ser usado como um seletor de cores autônomo e agora está integrado ao componente Barra de ferramentas para atualizar visualizações em tempo de execução.

    Alterações significativas

    24.2.19 (November 2024)

    Geral

    24.1.46 (September 2024)

    IgniteUI.Blazor (Charts)

    • Novo gráfico de pizza de dados- O IgbDataPieChart é um novo componente que renderiza um gráfico de pizza. Esse componente funciona de forma semelhante ao IgbCategoryChart, pois detectará automaticamente as propriedades em seu modelo de dados subjacente, permitindo suporte à seleção, realce, animação e legenda por meio do componente ItemLegend.

    • Novo eixo de ângulo de categoria proporcional- Novos eixos para a série de pizza radial no IgbDataChart, para plotar fatias semelhantes a um gráfico de pizza, um tipo de visualização de dados em que os pontos de dados são representados como segmentos dentro de um gráfico circular.

    • Toolbar

      • Nova ToolActionCheckboxList Uma nova CheckboxList ToolAction que exibe uma coleção de itens com caixas de seleção para seleção. Uma grade dentro de ToolAction CheckboxList cresce em altura até 5 itens e, em seguida, uma barra de rolagem é exibida. Requer que IgbCheckboxListModule seja registrado.

      • Novo suporte de filtragem

      • Alterações no campo do eixo Novo IconMenu padrão na barra de ferramentas ao direcionar CategoryChart. Os campos de rótulo são mapeados para o eixo X e os campos de valor são mapeados para o eixo Y. O gráfico de destino reage em tempo real às alterações feitas. IconMenu fica oculto quando o gráfico não tem ItemsSource definido.

    Geral

    ALTERAÇÕES SIGNIFICATIVAS:​

    IgniteUI.Blazor

    • Todas as grades
      • Added GetColumns / GetColumnsAsync, que retornam a coleção de colunas de grade.
      • Adicionado novo RowClick evento.
    • IgbPivotGrid
      • Adicionada Sortable propriedade para um IgbPivotDimension.
      • Adicionado layout horizontal. Pode ser habilitado dentro da nova PivotUI propriedade como RowLayout Horizontal.
      • Adicionados resumos de dimensão de linha somente para layout horizontal. Pode ser habilitado para cada um IgbPivotDimension definindo HorizontalSummary como true.
      • Adicionada HorizontalSummariesPosition propriedade à configuração da PivotUI posição de resumos horizontais.
      • Adicionados cabeçalhos de linha para as dimensões de linha. Pode ser habilitado dentro da nova PivotUI propriedade como ShowHeaders true.
      • A navegação pelo teclado agora pode se mover para cabeçalhos de linha para frente e para trás de qualquer cabeçalho de dimensão de linha ou cabeçalho de coluna.
      • Adicionadas interações de teclado para recolher dimensão de linha usando Alt + ← → ↓ ↑ setas e classificação de cabeçalhos de linha usando Ctrl + ↑ ↓ setas.

    ALTERAÇÕES SIGNIFICATIVAS:​

    23.2.257 (June 2024)

    Geral

    • IgbInput, IgbTextarea- exposto ValidateOnly para permitir que as regras de validação sejam aplicadas sem restringir a entrada do usuário.
    • IgbDropdown-IgbPositionStrategy está obsoleta. A lista suspensa agora usa a Popover API para renderizar seu contêiner na camada superior da janela de visualização do navegador, tornando a propriedade obsoleta.
    • IgbDockManager-IgbSplitPane IsMaximized está obsoleto. Ter isMaximized definido como true em um nível de painel dividido não tem efeito real, pois os painéis divididos servem apenas como contêineres, o que significa que eles não têm conteúdo real a ser mostrado maximizado. Use a IsMaximized propriedade de IgbTabGroupPane e/ou IgbContentPane em vez disso.

    IgniteUI.Blazor

    • DisplayDensity obsoleto em favor da--ig-size propriedade personalizada CSS. Confira o tópico Tamanho da grade para obter mais informações.
    • IgbPivotGrid- O tipo de opção Colunas, Linhas, Filtros de PivotConfiguration agora é array de IgbPivotDimension -PivotDimension[], era PivotDimensionCollection anteriormente.

    O tipo de opção Valores de PivotConfiguration agora é array de IgbPivotValue -PivotValue[], era PivotValueCollection anteriormente.

    IgniteUI.Blazor (Charts)

    • Agrupamento de legenda de dados e agrupamento de dicas de ferramentas de dados- Novo recurso de agrupamento adicionado. A propriedade GroupRowVisible alterna o agrupamento com cada série que opta por poder atribuir texto de grupo por meio da DataLegendGroup propriedade. Se o mesmo valor for aplicado a mais de uma série, elas aparecerão agrupadas. Útil para grandes conjuntos de dados que precisam ser categorizados e organizados para todos os usuários.

    • Seleção de gráfico- Novo estilo de seleção de série. Isso é amplamente adotado em todas as séries de categorias, financeiras e radiais para IgbCategoryChart e IgbDataChart. As séries podem ser clicadas e mostradas em uma cor diferente, iluminadas ou desbotadas e contornos de foco. Gerencie quais itens são afetados por meio de séries individuais ou itens de dados inteiros. Várias séries e marcadores são suportados. Útil para ilustrar várias diferenças ou semelhanças entre valores de um determinado item de dados. Também SelectedSeriesItemsChanged estão SelectedSeriesItems disponíveis para obter ajuda adicional para criar requisitos de negócios robustos em torno de outras ações que podem ocorrer em um aplicativo, como um pop-up ou outra tela com análise de dados com base na seleção.

    • Eixo de ângulo de categoria proporcional- Novos eixos para a série de pizza radial no IgbDataChart, para permitir a criação de gráficos de pizza no permitindo visualizações robustas usando todo o poder adicional do gráfico de dados.

    • Realce do mapa de árvore- Agora expõe uma HighlightingMode propriedade que permite configurar o realce do mouse sobre os itens no mapa de árvore. Essa propriedade usa duas opções: Brighten onde o realce será aplicado apenas ao item sobre o qual você passa o mouse e FadeOthers onde o realce do item pairado permanecerá o mesmo, mas todo o resto desaparecerá. Esse realce é animado e pode ser controlado usando a HighlightingTransitionDuration propriedade.

    • Realce baseado em porcentagem do mapa de árvore- Novo realce baseado em porcentagem, permitindo que os nós representem o progresso ou o subconjunto de uma coleção. A aparência é mostrada como um preenchimento de sua cor de fundo até um valor específico por um membro em seu item de dados ou fornecendo um novo HighlightedDataSource. Pode ser alternado via HighlightedValuesDisplayMode e estilizado via FillBrushes.

    • Toolbar- Nova IsHighlighted opção para ToolAction para delinear uma borda em torno de ferramentas específicas de sua escolha.

    IgniteUI.Blazor (Gauges)

    23.2.204 (March 2024)

    IgniteUI.Blazor (Charts)

    Filtragem de dados por meio da InitialFilter propriedade. Aplique expressões de filtro para filtrar os dados do gráfico em um subconjunto de registros. Pode ser usado para detalhar dados grandes.

    • IgbBulletGraph
      • A barra de desempenho agora refletirá uma diferença entre o valor e o novo HighlightValue quando o HighlightValueDisplayMode for aplicado à configuração 'Sobreposição'. O valor de destaque mostrará uma porcentagem medida filtrada/subconjunto como uma cor preenchida, enquanto a aparência da barra restante aparecerá desbotada para o valor atribuído, ilustrando o desempenho em tempo real.
    • IgbLinearGauge
      • Nova agulha de destaque foi adicionada. HighlightValue e HighlightValueDisplayMode quando ambos recebem um valor e uma configuração de 'Sobreposição', isso fará com que a agulha principal apareça desbotada e uma nova agulha aparecerá.
    • IgbRadialGauge
      • Nova agulha de destaque foi adicionada. HighlightValue e HighlightValueDisplayMode quando ambos recebem um valor e uma configuração de 'Sobreposição', isso fará com que a agulha principal apareça desbotada e uma nova agulha aparecerá.

    23.2.191 (April 2024)

    • Correções

    23.2.189 (March 2024)

    New Components

    New Features

    • IgbDockManager
      • Nova ProximityDock propriedade. Se ativado, os indicadores de encaixe não ficam visíveis e o usuário final pode encaixar o painel arrastado arrastando-o para perto das bordas do painel de destino.
      • Nova ContainedInBoundaries propriedade. Determina se os painéis flutuantes são mantidos dentro dos limites do Dock Manager. O padrão é false.
      • Nova ShowPaneHeaders propriedade. Determina se os cabeçalhos do painel são mostrados apenas ao passar o mouse ou sempre visíveis. O padrão é always.
    • IgbTree
      • Adicionada toggleNodeOnClick propriedade que determina se clicar sobre um nó alterará seu estado expandido ou não. O padrão é false.
    • IgbRating
      • allowReset Adicionado. Quando ativado, selecionar o mesmo valor redefinirá o componente. Mudança comportamental: nas versões anteriores, esse era o comportamento padrão do componente de classificação. Certifique-se de definir allowReset se você precisa manter esse comportamento em seu aplicativo.
    • Select, IgbDropdown
      • exposed selectedItem, items and groups getters
    • IgbRadialGauge
      • Novas propriedades de título/legenda. TitleText, SubtitleText aparecerá perto da parte inferior do medidor. Além disso, as várias propriedades de fonte de título/subtítulo foram adicionadas, como TitleFontSize, TitleFontFamily, TitleFontStyle, TitleFontWeight e TitleExtent. Por fim, o novo TitleDisplaysValue permitirá que o valor corresponda à posição da agulha.
      • Novo OpticalScalingEnabled e OpticalScalingSize propriedades para o IgbRadialGauge. Esse novo recurso gerenciará o tamanho no qual os rótulos, títulos e subtítulos do medidor têm 100% de escala óptica. Você pode ler mais sobre esse novo recurso aqui
      • Nova agulha de destaque foi adicionada. HighlightValue e HighlightValueDisplayMode quando ambos recebem um valor e uma configuração de 'Sobreposição', isso fará com que a agulha principal apareça desbotada e uma nova agulha aparecerá.
    • XamRadialChart
      • Novo modo de rótulo O IgbCategoryAngleAxis para o agora expõe uma LabelMode propriedade que permite configurar ainda mais o local dos rótulos. Isso permite que você alterne entre o modo padrão selecionando a Center enumeração ou use o novo modo, ClosestPoint que aproximará os rótulos da área de plotagem circular.

    Geral

    Deprecations

    • A propriedade e o size atributo foram preteridos para todos os componentes. Em vez disso, use a--ig-size propriedade personalizada CSS. O exemplo a seguir define o tamanho do componente avatar como pequeno:
      .avatar {
    --ig-size: var(--ig-size-small);
}
    • IgbDateTimeInput
      • MinValue e MaxValue as propriedades foram preteridas. Por favor, use Min e Max em vez disso.
    • IgbRangeSlider

    Removed

    • Removemos nosso próprio dir atributo que sombreava o padrão. Esta é uma alteração ininterrupta.
    • IgbSlider propriedade -ariaLabel sombreada. Esta é uma alteração ininterrupta.
    • IgbCheckbox-ariaLabelledBy sombreado. Esta é uma alteração ininterrupta.
    • IgbSwitch-ariaLabelledBy sombreado. Esta é uma alteração ininterrupta.
    • IgbRadio-ariaLabelledBy sombreado. Esta é uma alteração ininterrupta.

    23.2.110 (January 2024)

    .NET 8.0 support

    IgniteUI.Blazor (Charts)

    • Filtro de realce de gráfico- O IgbCategoryChart e IgbDataChart agora expõe uma maneira de realçar e animar dentro e fora de um subconjunto de dados. A exibição desse destaque depende do tipo de série. Para séries de colunas e áreas, o subconjunto será mostrado sobre o conjunto total de dados em que o subconjunto será colorido pelo pincel real da série e o conjunto total terá uma opacidade reduzida. Para séries de linhas, o subconjunto será mostrado como uma linha pontilhada.

    23.2.97 (December 2023)

    IgniteUI.Blazor (Toolbar - Beta)

    • A ação da ferramenta Salvar foi adicionada para salvar o gráfico em uma imagem por meio da área de transferência.
    • A orientação vertical foi adicionada por meio da propriedade da Orientation barra de ferramentas. Por padrão, a barra de ferramentas é horizontal, agora a barra de ferramentas pode ser mostrada na orientação vertical, onde as ferramentas aparecerão à esquerda / direita respeitosamente.
    • O suporte a ícones SVG personalizados foi adicionado por meio do método da barra de ferramentas, aprimorando ainda mais a criação de renderImageFromText ferramentas personalizadas.

    IgniteUI.Blazor (Grid)

    23.1.37 (June 2023)

    New Components

    • Barra de ferramentas- Beta. Esse componente é um contêiner complementar para operações de interface do usuário a serem usadas principalmente com nossos componentes de gráficos. A barra de ferramentas será atualizada dinamicamente com uma predefinição de propriedades e ferramentas quando vinculada aos nossos IgbDataChart componentes ou IgbCategoryChart, mas também oferece a capacidade de criar ferramentas personalizadas para o seu projeto.

    IgniteUI.Blazor (Charts)

    • ValueLayer- Um novo tipo de série chamado agora está exposto, o IgbValueLayer que pode permitir que você renderize uma sobreposição para diferentes pontos focais dos dados plotados, como Máximo, Mínimo e Média. Isso é aplicado ao IgbCategoryChart e IgbFinancialChart adicionando à nova ValueLines coleção.

    • Agora é possível aplicar uma matriz de traços às diferentes partes da série do IgbDataChart. Você pode aplicar isso à série plotada no gráfico, às linhas de grade do gráfico e às linhas de tendência da série plotadas no gráfico.

    22.2.65 (April 2023)

    New Components

    New Components

    IgniteUI.Blazor (Data Grid)

    • Um novo argumento PrimaryKey foi introduzido em IgbRowDataEventArgs from Detail e parte dos argumentos de evento que são emitidos pelos RowAdded eventos and RowDeleted. Quando a grade tem um atributo de chave primária adicionado, o argumento de evento primaryKey emitido representa a ID da linha, caso contrário, o padrão é nulo.
    • RowSelectionChanging Os argumentos do evento são alterados. Agora, as OldSelection coleções , NewSelection, Added and Removed não consistem mais nas chaves de linha dos elementos selecionados quando a grade definiu um primaryKey, mas agora, em qualquer caso, os dados da linha são emitidos.
    • Quando a grade estiver trabalhando com dados remotos e uma chave primária tiver sido definida, as linhas selecionadas que não fazem parte da exibição de grade serão emitidas para um objeto de dados de linha parcial.
    • Quando a linha selecionada for excluída do componente RowSelectionChanging de grade, o evento não será mais emitido.
    • O OnGroupingDone evento foi renomeado para GroupingDone não violar a convenção de saídas sem prefixo.
    • O OnDensityChanged evento foi renomeado para DensityChanged não violar a convenção de saídas sem prefixo. Todos os componentes que expõem esse evento são afetados.

    IgniteUI.Blazor (Pivot Grid)

    IgniteUI.Blazor (Inputs)

    • IgbDateTimeInput, the StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) is now trimmed down to DatePart instead of DateTimeInputDatePart
    • IgbRadio e IgbRadioGroup adicionada validação de componente junto com estilos para estado inválido
    • Mask, adicionada a capacidade de escapar de literais de padrão de máscara.
    • IgbBadge Adicionada uma Shape propriedade que controla a forma do emblema e pode ser OU Square​ ​Rounded. A forma padrão do emblema é arredondada.
    • IgbAvatar, a propriedade foi preterida RoundShape e será removida em uma versão futura. Os usuários podem controlar a forma do avatar pelo atributo recém-adicionado Shape que pode ser,ou Rounded​ ​Square​ ​Circle. A forma padrão do avatar é Square.

    IgniteUI.Blazor (DockManager)

    • Gerente de doca A coleção de painéis agora tem um setter protegido; exige que você chame Adicionar em vez de definir painéis em uma estrutura aninhada ao criá-los.

    22.2.50 (December 2022)

    New Components

    22.1.76 (November 2022)

    New Components

    IgniteUI.Blazor (Charts)

    Adicionadas melhorias significativas aos comportamentos padrão e refinadas a API de Gráfico de Categorias para facilitar o uso. Essas novas melhorias no gráfico incluem:

    • Layouts responsivos para rotação horizontal de rótulos com base no tamanho do navegador/tela.
    • Renderização aprimorada para rótulos arredondados em todas as plataformas.
    • Adicionadas propriedades de marcador a StackedFragmentSeries.
    • Added ShouldPanOnMaximumZoom property.
    • Novas propriedades do eixo de categoria:
      • ZoomMaximumCategoryRange
      • ZoomMaximumItemSpan
      • ZoomToCategoryRange
      • ZoomToItemSpan
    • Nova API de agregação de gráficos para agrupar, classificar e resumir valores numéricos e de cadeia de caracteres de categoria, eliminando a necessidade de pré-agregar ou calcular dados de gráficos:
      • Descrições iniciais
      • InicialClassificações
      • SortDescriptions
      • Grupos iniciais
      • Descrições iniciais do grupo
      • GroupDescriptions
      • Resumos iniciais
      • InitialSummaryDescriptions
      • ResumoDescrições
      • InitialGroupSortDescriptions
      • Classificações de grupo
      • GroupSortDescriptions

    [!Note] Chart Aggregation will not work when using IncludedProperties | ExcludedProperties. These properties on the chart are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.

    IgniteUI.Blazor (Data Grid)

    22.1.41 (June 2022)

    IgniteUI.Blazor (Charts)

    • Adicionado o componente DataLegend altamente configurável, que funciona de maneira muito parecida com o Legend, mas mostra valores de série e fornece muitas propriedades de configuração para filtrar linhas de série e colunas de valores, valores de estilo e formatação.
    • Adicionado o DataToolTip altamente configurável, que exibe valores e títulos de séries, bem como emblemas de legenda de séries em uma dica de ferramenta. Esta é agora a dica de ferramenta padrão para todos os tipos de gráfico.
    • Adicionado suporte a animação e transição para Stacked Series. As animações podem ser habilitadas definindo a IsTransitionInEnabled propriedade como true. A partir daí, você pode definir a TransitionInDuration propriedade para determinar quanto tempo sua animação deve levar para ser concluída e para TransitionInMode determinar o tipo de animação que ocorre.
    • Adicionado AssigningCategoryStyle evento, agora está disponível para todas as séries em IgbDataChart. Esse evento é manipulado quando você deseja configurar condicionalmente aspectos dos itens da série, como Fill background-color e realce.
    • Nova AllowedPositions enumeração para CalloutLayer. Usado para limitar onde os textos explicativos devem ser colocados no gráfico. Por padrão, os textos explicativos são colocados de forma inteligente no melhor lugar, mas isso costumava forçar, por exemplo TopLeft, TopRight, BottomLeft ou BottomRight.
    • Novas propriedades de raio de canto adicionadas para Camadas de anotação; usado para arredondar os cantos de cada uma das chamadas. Observe que um raio de canto agora foi adicionado por padrão.
    • Nova HorizontalViewScrollbarMode enumeração para VerticalViewScrollbarMode habilitar barras de rolagem de várias maneiras. Quando emparelhado com IsVerticalZoomEnabled or IsHorizontalZoomEnabled, você poderá persistir ou aumentar e diminuir gradualmente as barras de rolagem ao longo dos eixos para navegar no gráfico.
    • Novo FavorLabellingScaleEnd, determina se o eixo deve favorecer a emissão de um rótulo no final da escala. Compatível apenas com eixos numéricos (por exemplo IgbNumericXAxis, IgbNumericYAxis, PercentChangeAxis).
    • Novo IsSplineShapePartOfRange determina se a forma de spline deve ser incluída no intervalo de eixo solicitado do eixo.
    • Novo XAxisMaximumGap, determina o valor máximo permitido para a série plotada ao usar XAxisGap. A lacuna determina a quantidade de espaço entre colunas ou barras de séries plotadas.
    • Novo XAxisMinimumGapSize, determina o valor mínimo permitido com base em pixels para a série plotada ao usar XAxisGap para garantir que sempre haja algum espaçamento entre cada categoria.

    IgniteUI.Blazor (Data Grid)

    Adicionado novo recurso -Paginação de linha, que é usado para dividir um grande conjunto de dados em uma sequência de páginas com conteúdo semelhante. Com a paginação, os dados podem ser exibidos em um determinado número de linhas, permitindo que os usuários "rolem" por seus dados, sem precisar de uma barra de rolagem. A interface do usuário para paginação de tabela geralmente inclui coisas como a página atual, o total de páginas e setas/botões clicáveis Anterior e Próximo que permitem que os usuários percorram as páginas de dados.

    IgniteUI.Blazor (Dock Manager)

    • O Blazor Dock Manager agora está no estado "Visualização", que fornece uma maneira de gerenciar um layout complexo usando diferentes tipos de painéis com vários tamanhos, posições e comportamentos, e que podem ser encaixados em vários locais dentro de um aplicativo. O Dock Manager permite que os usuários finais o personalizem ainda mais fixando, redimensionando, movendo, flutuando e ocultando painéis.

    New Components

    21.2.52 (December 2021)

    [!Note] The following breaking changes were introduced

    IgniteUI.Blazor (Data Grid)

    • Propriedade alterada ValueField do tipo string[] para string.

    IgniteUI.Blazor (Inputs)

    • Um novo ValueChanged evento dá suporte à associação de 2 vias e só deve ser tratado se você não tiver vinculado a Value propriedade. Para ler o campo Value do controle sem vinculação de dados, o ValueChanged evento deve ser manipulado, caso contrário, se os dados não estiverem associados, você deverá usar GetCurrentValueAsync para ler o Value dos controles.

    Seletor de data

    • Changed ValueChanged event to SelectedValueChanged.

    Multi-Column ComboBox

    • Evento alterado TextChanged para TextValueChanged.
    • Changed ValueChanged event to SelectedValueChanged.

    21.2.22 (November 2021)

    [!Note] The Igb prefix is now required for the Ignite UI for Blazor components and nested elements within each component. This API change was necessary to avoid ambiguity between Infragistics controls and 3rd party controls.

    For example, <CategoryChart/> instead of <CategoryChart/>

    New Components

    Chart and Map Improvements

    Esta versão apresenta algumas melhorias e simplificações no design visual e nas opções de configuração para o mapa geográfico e todos os componentes do gráfico.

    • Alterado YAxisLabelLocation o tipo de propriedade para YAxisLabelLocation de AxisLabelLocation em IgbFinancialChart e IgbCategoryChart
    • Changed XAxisLabelLocation property's type to XAxisLabelLocation from AxisLabelLocation in IgbFinancialChart
    • Added XAxisLabelLocation property to IgbCategoryChart
    • Adicionado suporte para representar séries geográficas de IgbGeographicMap em uma legenda
    • Added crosshair lines by default in IgbFinancialChart and IgbCategoryChart
    • Added crosshair annotations by default in IgbFinancialChart and IgbCategoryChart
    • Added final value annotation by default in IgbFinancialChart
    • Adicionadas novas propriedades no Gráfico de Categorias e no Gráfico Financeiro:
    • Adicionadas novas propriedades no Gráfico de Categorias, Gráfico Financeiro, Gráfico de Dados e Mapa Geográfico:
    • Adicionadas novas propriedades em Série no Gráfico de Dados e no Mapa Geográfico:
      • LegendItemBadgeShape para definir a forma do emblema em séries específicas representadas em uma legenda
      • LegendItemBadgeMode Para definir a complexidade do emblema em séries específicas em uma legenda
    • Alterado o traçado da linha de mira vertical padrão de #000000 para #BBBBBB no gráfico de categorias e na série
    • Alterada a forma dos marcadores para círculo para todas as séries plotadas no mesmo gráfico. Isso pode ser revertido definindo a propriedade do MarkerAutomaticBehavior gráfico como SmartIndexed valor de enumeração
    • Formas simplificadas de séries na legenda do gráfico para exibir apenas círculo, linha ou quadrado. Isso pode ser revertido definindo a propriedade do LegendItemBadgeMode gráfico como MatchSeries valor de enumeração
    • Paleta de cores alterada de séries e marcadores exibidos em todos os gráficos para melhorar a acessibilidade
    Pincéis/contornos antigos Novo contorno/pincéis
    #8BDC5C
    #8B5BB1
    #6DB1FF
    #F8A15F
    #EE5879
    #735656
    #F7D262
    #8CE7D9
    #E051A9
    #A8A8B7    		 #8BDC5C
    #8961A9
    #6DB1FF
    #82E9D9
    #EA3C63
    #735656
    #F8CE4F
    #A8A8B7
    #E051A9
    #FF903B

    IgniteUI.Blazor (Data Grid)

    • Novos recursos adicionados:
    • New API:
      • Adicionado SelectionChanged evento. Usado para detectar alterações nas interações de seleção, por exemplo, seleção de várias linhas.
    • Alterações significativas:
      • Changed grid's SummaryScope property's type to SummaryScope from DataSourceSummaryScope
      • Changed GroupHeaderDisplayMode property's type to GroupHeaderDisplayMode from DataSourceSectionHeaderDisplayMode

    21.1.52 (April 2021)

    New Visual Designs

    Charts & Maps

    Esta versão apresenta várias opções novas e aprimoradas de design visual e configuração para todos os componentes do gráfico, por exemplo, e IgbFinancialChart. IgbDataChart​ ​IgbCategoryChart​

    • Alterada a série de barras/colunas/cascatas para ter cantos quadrados em vez de cantos arredondados
    • Alteradas as cores da série Scatter High Density para a propriedade heat min de #8a5bb1 para #000000
    • Alteradas as cores da série Scatter High Density para a propriedade de calor máximo de #ee5879 para #ee5879
    • Alterado Financial/Waterfall series'e NegativeBrush​ ​NegativeOutline propriedades de #C62828 para #ee5879
    • Alterada a espessura do marcador de 1px para 2px
    • Alterado o preenchimento do marcador para corresponder ao contorno do marcador para IgbPointSeries, IgbBubbleSeries, IgbScatterSeries, IgbPolarScatterSeries. Você pode usar a propriedade set MarkerFillMode como Normal para desfazer essa alteração
    • Rotulagem compactada para o IgbTimeXAxis e IgbOrdinalTimeXAxis
    • Novas propriedades do marcador:
      • série. MarkerFillMode- Pode ser configurado para MatchMarkerOutline que o marcador dependa do contorno
      • série. MarkerFillOpacity- Pode ser definido como um valor de 0 a 1
      • série. MarkerOutlineMode- Pode ser definido para MatchMarkerBrush que o contorno do marcador dependa da cor do pincel de preenchimento
    • Propriedade da nova série:
      • série. OutlineMode- Pode ser configurado para alternar a visibilidade do contorno da série. Observe que, para Gráfico de Dados, a propriedade está na série
    • Novas propriedades do gráfico que definem a área de sangria introduzidas na viewport quando o gráfico está no nível de zoom padrão. Um caso de uso comum é fornecer espaço entre os eixos e o primeiro/último ponto de dados. Observe que ComputedPlotAreaMarginMode, listados abaixo, definirão automaticamente a margem quando os marcadores estiverem ativados. Os outros são projetados para especificar a Double para representar a espessura, onde PlotAreaMarginLeft etc. ajusta o espaço para todos os quatro lados do gráfico:
    • Novas propriedades de realce
      • gráfico. HighlightingMode- Define se a série pairada ou não pairada para esmaecer e clarear
      • gráfico. HighlightingBehavior- Define se a série é realçada dependendo da posição do mouse, por exemplo, diretamente sobre ou mais próximo do item
      • Observe que, nas versões anteriores, o realce era limitado ao desvanecimento ao passar o mouse.
    • Adicionadas as séries Destaque Empilhado, Dispersão, Polar, Radial e Forma:
    • Adicionadas camadas de anotação às séries Empilhadas, Dispersão, Polares, Radiais e Formas:
    • Adição de suporte para substituir a fonte de dados de fragmentos de pilha individuais em uma série empilhada
    • Adicionados eventos de estilo personalizado às séries Empilhado, Dispersão, Intervalo, Polar, Radial e Forma
    • Adicionado suporte para sincronizar automaticamente o zoom vertical com o conteúdo da série
    • Adicionado suporte para expandir automaticamente as margens horizontais do gráfico com base nos rótulos iniciais exibidos
    • Paleta de cores redesenhada de séries e marcadores:
    Pincéis/contornos antigos Novo contorno/pincéis
    #7446B9
    #9FB328
    #F96232
    #2E9CA6
    #DC3F76
    #FF9800
    #3F51B5
    #439C47
    #795548
    #9A9A9A    		 #8bdc5c
    #8b5bb1
    #6db1ff
    #f8a15f
    #ee5879
    #735656
    #f7d262
    #8ce7d9
    #e051a9
    #a8a8b7

    por exemplo:

    Legenda do gráfico

    • Adicionada propriedade horizontal Orientation a ItemLegend que pode ser usada com Bubble, Donut e Pie Chart
    • Added LegendHighlightingMode property - Enables series highlighting when hovering over legend items

    Mapa Geográfico

    [!Note] These features are CTP

    • Adicionado suporte para exibição envolvente do mapa (rolar infinitamente horizontalmente)
    • Adicionado suporte para deslocar a exibição de algumas séries de mapas ao envolver a origem da coordenada
    • Adicionado suporte para realce da série de formas
    • Adicionado suporte para algumas camadas de anotação para a série de formas

    IgniteUI.Blazor (Data Grid)

    • Added EditOnKeyPress aka Excel-style Editing, instantly begin editing when typing.
    • Propriedade adicionada EditModeClickAction- Por padrão, é necessário clicar duas vezes para entrar no modo de edição. Isso pode ser definido como SingleClick para permitir que o modo de edição ocorra ao selecionar uma nova célula.
    • Adicionada EnterKeyBehaviors propriedade - também conhecida como Navegação no estilo Excel (Inserir comportamento) - controla o comportamento da tecla Enter, por exemplo, As opções são (nenhum, editar, mover para cima, para baixo, para a esquerda, para a direita)
    • Propriedade adicionada EnterKeyBehaviorAfterEdit- No modo de edição, esta propriedade controla quando enter é pressionado, por exemplo, Opções são (move para a célula abaixo, acima, direita, esquerda)
    • Added SelectAllRows - method.
    • Adicionada seleção de intervalo de linhas - Com GridSelectionMode a propriedade definida como MultipleRow, a seguinte nova funcionalidade agora está incluída:
      • Clique e arraste para selecionar linhas
      • Pressione Shift e clique para selecionar várias linhas.
      • Pressione Shift e as teclas de seta para cima/baixo para selecionar várias linhas.
    • Pressionar a barra de espaço alterna a seleção da linha ativa por meio GridSelectionMode da propriedade definida como MultipleRow ou SingleRow
    • Added Column Summaries to Column Options Dialog.

    IgniteUI.Blazor (Inputs)

    Seletor de data

    • ShowTodayButton- Alterna a visibilidade do botão Hoje
    • Label- Adiciona um rótulo acima do valor da data
    • Placeholder propriedade - adiciona texto personalizado quando nenhum valor é selecionado
    • FormatString- Personalize a string de data de entrada, por exemplo, (yyyy-MM-dd)
    • DateFormat- Especifica se as datas selecionadas devem ser exibidas como LongDate ou ShortDate
    • FirstDayOfWeek- Especifica o primeiro dia da semana
    • FirstWeekOfYear- Especifica quando exibir a primeira semana do ano, por exemplo, (Primeira semana completa, Primeiros quatro dias da semana)
    • ShowWeekNumbers- Alterna a visibilidade do número da semana
    • MinDate & MaxDate- Limites de data, especificando um intervalo de datas selecionáveis disponíveis.
    • Acessibilidade adicionada