Hello,
this is my code:
<div class="e-sample-resize-container" style="width:500px;">
<EjsTab ID="DefaultTab">
<TabEvents Selecting="TabSelect"></TabEvents>
<TabItems>
<TabItem Header="@Header1" Content="#MainScreenPlaylist">
</TabItem>
<TabItem Header="@Header2" Content="#StageScreenPlaylist">
</TabItem>
</TabItems>
</EjsTab>
</div>
<div id="MainScreenPlaylist" style="display:none">
<PlaylistOverviewComponent PlaylistItems="@PlaylistMainScreen.PlaylistItems" PlaylistItemSelected="@mainScreenPLItemSelected" ClearList="@(() => PlaylistMainScreen.PlaylistItems.Clear())"/>
</div>
<div id="StageScreenPlaylist" style="display:none">
<PlaylistOverviewComponent PlaylistItems="@PlaylistStageScreen.PlaylistItems" PlaylistItemSelected="@stageSceenPLItemSelected" ClearList="@(() => PlaylistStageScreen.PlaylistItems.Clear())" CopyFromMainScreenList="@copyPLFromMainScreen"/>
</div>
@code
{
/*
...
*/
public void TabSelect(SelectingEventArgs args)
{
if (args.SelectingIndex == 0)
this.SelectedPlaylist = this.PlaylistMainScreen;
else
this.SelectedPlaylist = this.PlaylistStageScreen;
}
}
When I change items in the ObersavableCollections MainScreenPlaylist or StageScreenPlaylist, the entire EjsTab control is repainted and this looks not so nice. PlaylistOverviewComponent contains a listbox with the ObersavableCollections MainScreenPlaylist or StageScreenPlaylist.
The bigger problem is, that I need to know which tab is selected - for that I'm using the Selecting-Event but in this case, this will cause an endless loop because the repainting of the tab control is also fireing the TabSelect event.
Thanks for help.
