namespace Telerik.Blazor.Components.Common;
TelerikGrid<T>
{
public virtual void Rebind()
{
ProcessDataAsync();
}
}
Rebind() doesnt use async/await, but ProcessDataAsync() does, which leads to race conditions.
When following the Blazor UI code examples for the Grid, the source for index.cshtml contains the following:
@page "/grid/index"
@using Telerik.Blazor.Components.Grid
@using TelerikBlazor.Shared
@inject HttpClient Http
Notice that the using directive for the Shared component doesn't have a . separating Telerik and Blazor. It should read:
@using Telerik.Blazor.Shared
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
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
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 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.
It would be helpful to have a TreeGrid control which is quite similar to a data grid however it allows hierarchy relationships among the items.
This would essentially have all the features of the standard data grid however one column would be expandable.
Hi,
Ran in to an issue here. To avoid modals getting hidden behind animation containers, we use a class for a div and "wrap" the modal in providing it with a higher z-index than the animation container(s).
However, when using a DatePicker inside this module the calender will be hidden behind the modal (since it is in an animation container).
Any suggestion how to overcome this problem?
Thanks & br,
Sten
When I create multiple tabs and each tab has the same type of component, the OnInitialized is only running for the first one I click on.
Here is a simplified example to demonstrate:
MAIN PAGE:
@page "/tabtest"
@using Telerik.Blazor.Components
<div>Product XYZ</div>
<TelerikTabStrip TabPosition="Telerik.Blazor.TabPosition.Top" @ref="productTabStrip" @bind-ActiveTabIndex="@ActiveTabIndex">
<TabStripTab Title="Details">
<div class="container sms-tab-content">
GENERAL PRODUCT INTRO STUFF HERE
</div>
</TabStripTab>
@foreach (var item in listOfWidgets)
{
<TabStripTab Title="@item.WidgetName" Disabled="false">
<Widget WidgetID="@item.WidgetID" WidgetName="@item.WidgetName" />
</TabStripTab>
}
</TelerikTabStrip>
<div style="margin-top: 15px;">
<div><b>Below is a flat non-tab example of repeating widgets:</b></div>
@foreach (var item in listOfWidgets)
{
<Widget WidgetID="@item.WidgetID" WidgetName="@item.WidgetName" />
}
</div>
@code {
Telerik.Blazor.Components.TelerikTabStrip productTabStrip;
public int ActiveTabIndex { get; set; } = 0;
protected class Widget
{
public int WidgetID { get; set; }
public string WidgetName { get; set; }
}
private List<Widget> listOfWidgets = new List<Widget>();
protected void GetData()
{
listOfWidgets.Add(new Widget { WidgetID = 1, WidgetName = "Cog" });
listOfWidgets.Add(new Widget { WidgetID = 2, WidgetName = "Wheel" });
listOfWidgets.Add(new Widget { WidgetID = 3, WidgetName = "Bloof" });
}
protected override void OnInitialized()
{
GetData();
}
}
WIDGET COMPONENT:
@page "/widget/{WidgetID:int}/{WidgetName}"<div>
<div>@WidgetID</div>
<div>@WidgetName</div>
<div>@ExtraWidgetInfo</div>
</div>
@code {
[Parameter] public int WidgetID { get; set; } = 0;
[Parameter] public string WidgetName { get; set; } = "Nothing";
private string ExtraWidgetInfo { get; set; } = "Stuff";
protected override void OnInitialized()
{
if (WidgetName == "Cog")
ExtraWidgetInfo = "This is good info about cogs.";
if (WidgetName == "Wheel")
ExtraWidgetInfo = "This is good info about wheels.";
if (WidgetName == "Bloof")
ExtraWidgetInfo = "This is good info about bloofs.";
}
}
Admin edit: While this cannot become a built-in feature, you may find useful the following example: https://github.com/telerik/blazor-ui/tree/master/common/grpc-example
Hello Team;
As .Net Core 3 offers gRPC support, I'm suggesting that the Blazor Team, look into some of the components that could automatically talk to backend gRPC services to get data, i.e. Auto Complete or DropDown box.
This way it could simplify different ways of providing datasource to some of these data oriented components.
Hope this suggestion helps!
..Ben
I have a TelerikComboBox in an EditorTemplate within a Grid. Code looks like this:
<TelerikComboBox Data="@CustomerPayCodes"
@bind-Value="@PayItemMapInEdit.ClientPayCode.UniqueId"
Placeholder="Select..."
Filterable="true"
TextField="PayCodeDisplayName"
ValueField="UniqueId"
@ref="_clientPayCodeComboBox"
Width="auto"
Enabled="@(string.IsNullOrEmpty(_payItemTextBoxRef?.Value))">
</TelerikComboBox>
Where reference prop looks like this:
private TelerikComboBox<PayCode, Guid> _clientPayCodeComboBox;
When adding a new row, the Placeholder text becomes the empty GUID, until I click in the box and then outside, upon it changes to correct "Select...". The GUID is never supposed to be showed at all in the box, that is only the binded value.
See attached pictures.
Please advice.
Br,
Sten
I have an animationcontainer which I in overridden OnAfterRenderAsync(bool firstRender) call:
await AnimationContainerSettings.ShowAsync();...since it is the only way to show the AnimationContainer from start. However, when I in some cases return to the page, the animationcontainer will only show itself if I delay the call with e.g. 1000 ms:
await Task.Delay(1000);
await AnimationContainerSettings.ShowAsync();What could be possible reasons for this be? If I want my AnimationContainer to be visible as default when page is either Initialized or after rendering has occured, where and how should I call ShowAsync()?
Br,
Sten
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.
Would be nice to have an Expansion Panel like this one:
https://material-ui.com/components/expansion-panels/
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.