Hello,
Thank you for your reply, but I have some issues with the new release of tab control.
For first I can no longer add TabItems from code, these are two version of my code:
1)
<EjsTab @ref="_tab" CssClass="e-fill" OverflowMode="OverflowMode.Scrollable" ShowCloseButton="true">
<TabEvents Created="Created" />
<TabItems>
</TabItems>
</EjsTab>
private EjsTab _tab;
private async void Created()
{
List<TabItem> tabs = new List<TabItem>()
{
new TabItem() { Header = new TabHeader() { Text = "One" }, Content = "Test 1" },
new TabItem() { Header = new TabHeader() { Text = "Two" }, Content = "Test 2" }
};
await _tab.AddTab(tabs, 0);
}
Result: Tab content is displayed, but tab header is empty.
2)
<EjsTab @ref="_tab" CssClass="e-fill" OverflowMode="OverflowMode.Scrollable" ShowCloseButton="true">
<TabEvents Created="Created" />
<TabItems>
@foreach (var tab in _tabs)
{
<TabItem>
<ChildContent>
<TabHeader Text="@tab"></TabHeader>
</ChildContent>
</TabItem>
}
</TabItems>
</EjsTab>
private EjsTab _tab;
private List<string> _tabs = new List<string> { "One", "Two" };
private void AddTab(string header)
{
_tabs.Add(header);
StateHasChanged();
}
Result: First two tabs are displayed correctly, when AddTab("Three") is called nothing happens.
Thank you.
