Panels disappear after being moved
4 Replies
Hi There,
Grid issue - what I meant is the the GridLines in the layout disappears.
<SfDashboardLayout @ref="@TheDashboardLayout" Columns="15" CellAspectRatio="2" CellSpacing="@(new double[]{10 ,10 })"
AllowDragging="true" ShowGridLines="true" AllowResizing="true" DraggableHandle=".e-panel-header">
GridLines can be seen:
GridLines disappear:
Regarding your questions:
1. What are the operations you have preformed when clicking the TreeView node items (share the code snippet)?
A. The Treeview child will raise an event.
B. The parent will update an object which is the parameter to the Dashboard Layout Child
C. The Dashboard Layout Child will notice the parameter change.
Code for A:
protected void TreeItemSelected(NodeSelectEventArgs args)
{
if (args.NodeData.Id != null)
{
if (OnNodeSelected.HasDelegate)
{
EventInProgress = true;
OnNodeSelected.InvokeAsync(args.NodeData.Id);
EventInProgress = false;
}
}
}
Code for B:
protected void NavClicked(string nodePath)
{
EditorState.SetCurrentItem(nodePath);
}
Code for C: (it doesn't do much)
protected override void OnParametersSet()
{
if (FirstRendered)
{
if (!EventInProgress)
{
SpotBase.Logger.Information("OnParametersSet() : Called");
InvokeAsync(() => StateHasChanged());
}
else
{
SpotBase.Logger.Information("OnParametersSet() : Skipped (EventInProgress) ");
}
}
}
Everytime a tree node is clicked you can see this logged:
2. If you have bind the dragStop and resizeStop event of DashboardLayout component then share the code snippet for that events too.
Here it is:
protected void OnDragStopped(DragStopArgs args)
{
UpdateEditorLayout();
}
protected void OnResizeStopped(ResizeArgs args)
{
UpdateEditorLayout();
}
protected void UpdateEditorLayout()
{
if (TheDashboardLayout?.Panels != null)
{
foreach (var p in TheDashboardLayout.Panels)
{
switch (p.Id)
{
case nameof(DisplayLayout.MediaPanel):
UpdateLayoutInfo(EditorState.Layout.MediaPanel, p);
break;
case nameof(DisplayLayout.AuxPanel):
UpdateLayoutInfo(EditorState.Layout.AuxPanel, p);
break;
case nameof(DisplayLayout.PracticePanel):
UpdateLayoutInfo(EditorState.Layout.PracticePanel, p);
break;
case nameof(DisplayLayout.TextPanel):
UpdateLayoutInfo(EditorState.Layout.TextPanel, p);
break;
}
}
if (LayoutChanged.HasDelegate)
{
// this will cause OnParameterSet() to fire!
EventInProgress = true;
LayoutChanged.InvokeAsync(null);
EventInProgress = false;
}
}
}
private void UpdateLayoutInfo(PanelLayout toPanel, DashboardLayoutPanel fromPanel)
{
toPanel.Col = fromPanel.Col;
toPanel.Row = fromPanel.Row;
toPanel.SizeX = fromPanel.SizeX;
toPanel.SizeY = fromPanel.SizeY;
toPanel.MinSizeX = fromPanel.MinSizeX;
toPanel.MinSizeY = fromPanel.MinSizeY;
toPanel.MaxSizeX = fromPanel.MaxSizeX ?? fromPanel.SizeX;
toPanel.MaxSizeY = fromPanel.MaxSizeY ?? fromPanel.SizeY;
}
3. Please, share the code snippet for how to update the component's parameters in your application.
It is above (Code for B)
4. If possible, replicate the issue in attached sample.
I will try!
SIGN IN To post a reply.
