In data grids it can sometimes be quite helpful to be able to export the content for use outside of the application.
In these cases it can be common to export to CSV or PDF.
Sometimes we need custom filter logic.
The advised approach currently is to use the OnRead event and have to manage the fetching of data manually https://docs.telerik.com/blazor-ui/components/grid/manual-operations
If we could set a column to use a filter function that has Func<GridDataType, Bool>? then we could apply this complex filter without having to repeatedly query the database and apply filters server side.
For example, if I wanted to filter a column that related to an object that had a property that was a Collection<T> I could check the values of this collection against a filter UI I have made somewhere in the grid or outside of it. Then when the columns filterdescriptior was reviewed it would check my Func which returned True if any of the Rows Collection<T> matched my custom filter UI options.
Example use case that this feature would allow;
We have edit dialogs with editable fields on them, and we want to display a confirmation dialog if the user tries to close the edit dialog without saving. Simplified code to illustrate the issue:
On the demo page, when I hover over menu items "Overview" and "Demos" and "Roadmap" it changes background color to gray. When I load it into a project with the verbatim demo code no background color change occurs except on "Roadmap".
<TelerikMenu Data="@MenuItems"
ParentIdField="@nameof(MenuItem.SectionId)"
IdField="@nameof(MenuItem.Id)"
TextField="@nameof(MenuItem.Section)">
</TelerikMenu>
@code {
public List<MenuItem> MenuItems { get; set; }
public class MenuItem
{
public int Id { get; set; }
public int? SectionId { get; set; }
public string Section { get; set; }
}
protected override void OnInitialized()
{
MenuItems = new List<MenuItem>()
{
new MenuItem()
{
Id = 1,
Section = "Overview"
},
new MenuItem()
{
Id = 2,
Section = "Demos"
},
new MenuItem()
{
Id = 3,
Section = "Roadmap"
},
new MenuItem()
{
Id = 4,
SectionId = 3,
Section = "What's new"
},
new MenuItem()
{
Id = 5,
SectionId = 3,
Section = "Roadmap"
},
new MenuItem()
{
Id = 6,
SectionId = 3,
Section = "Release History"
}
};
base.OnInitialized();
}
}
In release 2.0.0 it was possible to set default property Visible to "true" for AnimationContainer. That is now gone. How do I make the AnimationContainer visible per default, i.e without calling ShowAsync() in some stage?
Br,
Sten
Please consider refactoring Telerik.DataSource to allow for Dynamic Linq expressions rather than fixed Member.
1. You don't have to reinvent the wheel in creating lambda expressions. You can simplify Telerik.DataSource code to just use Dynamic Linq.
2. Allows support for Sorts & Grouping to be expressions such as "Math.Abs(field ?? 0)" rather than just "field".
I want to prevent users without WriteAccess to see the GridCommandColumn and a custom GridColumn containing some buttons.
Those two columns are the first in my grid.
If I add AuthorizeView tags like this
<AuthorizeView Policy="MyPolicy">
<GridCommandColumn ...>
...
</GridCommandColumn>
</AuthorizeView>
<AuthorizeView Policy="MyPolicy">
<GridColumn ...>
...
</GridColumn>
</AuthorizeView>
they will be hidden if the user does not comply to the policy but if he does comply the columns are displayed not as the first columns in the grid but as the last.
As a workaround I now don't hide the columns but their content (by moving the AuthorizeView tags inside the column tags). This is not a good solution though since I loose valuable horizontal screen-space for displaying empty columns.
Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]
Unhandled exception in circuit '_2TiBAG0g2G9PCcWgKc-G4zmfFAGiDJEO7pd7Jbjxpk'.
System.IO.FileLoadException: Could not load file or assembly 'Telerik.DataSource, Version=1.2.0.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8'. The located assembly's manifest definition does not match the assembly reference. (0x80131040)
File name: 'Telerik.DataSource, Version=1.2.0.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8'
at System.Signature.GetSignature(Void* pCorSig, Int32 cCorSig, RuntimeFieldHandleInternal fieldHandle, IRuntimeMethodInfo methodHandle, RuntimeType declaringType)
Did I miss installing something.
Used the installer telerik.ui.for.blazor.2.1.0.commercial.msi
I use TelerikMultiSelect as a component for custom filter:
<FilterMenuTemplate>
<TelerikMultiSelect Value="@(AlreadySelectedFilterValues(context.FilterDescriptor))"
OnRead="@OnReadWrapper"
ValueMapper="@ValueMapperWrapper"
TItem="@FilterItemDto"
TValue="@TFilterValue"
ValueField="@nameof(FilterItemDto.Id)"
TextField="@nameof(FilterItemDto.Name)"
AutoClose="true"
Filterable="true"
ClearButton="true"
DebounceDelay="500"
OnChange="@((object newValue) => OnMenuFilterChange(newValue, context))"/>
</FilterMenuTemplate>
Trying to render already selected filters gives two "magic" items in context.FilterDescriptor in AlreadySelectedFilterValues:
These items appear only if TelerikMultiSelect is empty. If I select some from MultySelect these two items disappear and everything works as expected.
GridState has an empty list of FilterDescriptos.
AggregatedAccountNames - string? column.
TFilterValues can be int, int? or string, no matter, the same behavior.
TFilterItemDto - class with int? Id and and string Name fields.
As expected value I expect to have empty FilterDescriptos if nothing was selected.
Would be nice to have an Expansion Panel like this one:
https://material-ui.com/components/expansion-panels/
Hi,
As the subject says, when our app is on the Chinese localization `zh-CN` it causes the date picker to default.
By default I mean the default date becomes 01 01 0001 and you cannot change it no matter what you select.
On any of our other localizations such as es-ES, en-US, fr-FR, etc. (zh-CN is the only one is what I'm getting at) we don't get this issue.
If the Datepicker's binded value is a DateOnly type, the Min and Max should follow that type.
For God's sakes I've spent 20 minutes on your site trying to figure out how to download your demos. Every link takes me that USELESS TelererkUIForBlazorSetup.exe. Syncfusion my be the worst but at least you don't have to google something that should be so redundant it's everywhere.
I finally gave up and had to google it to find it on Github. Absolutely worst experience ever.
I'd like to make a suggestion.
When one of the third party vendors became involved in producing Blazor components, they opted to wrap their existing 65+ JS components as "Blazor" components. At first, I though that's not as good as Native components that Telerik is doing.
But, as I then read more about their plan, they basically offered a full solutions from their JS library to developers, so we, the developers can start building a complete business application and as long as the vendor doesn't change the Wrapper API and only change the back end, their changes should work on the developer side.
Their idea was, to give us a jump start with JS and we start using counterpart Native Blazor components, and as as they become available, the components get changed to Native Blazor, and the apps written by us continue working.
I think this is a great strategy to have the full suite available to us from start to build apps than waiting for each Native component to be build.
My suggestion is to do the same, i.e. the word processing component where it is needed and we can build our app using the JS Word processor and by the time we are ready, Telerik might have the Word processor replaced by Native Blazor. This way we can build our apps with a full suite from the start than waiting for essential components to be built.
I hope the team would consider such strategy if possible.
Thanks!
..Ben
Hi!
I want to create a grid with multiselect options (controlled by checkboxes in the first column). I have used code from https://demos.telerik.com/blazor-ui/grid/selection but when i try this code in my project there are no checkboxes in the first column, just empty cells. Am i the only one with this problem?
Hi,
Any information on when the Layout Components available in AspNetCore will be available in Blazor?
I am currently putting a proposal together to purchase Telerik for Blazor and could really use some of those components to enhance the application than relying on 3rd-Party integrations.