Events in Blazor Splitter Component
11 Oct 20212 minutes to read
This section explains the list of events of the splitter component which will be triggered for appropriate splitter actions.
Created
Created
event triggers after creating the splitter component with its panes.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents Created="@CreatedHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void CreatedHandler(Object args)
{
// Here you can customize your code
}
}
OnResizeStart
OnResizeStart
event triggers when the split pane is started to resize.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents OnResizeStart="@OnResizeStartHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void OnResizeStartHandler(ResizeEventArgs args)
{
// Here you can customize your code
}
}
OnResizeStop
OnResizeStop
event triggers when the resizing of split pane is stopped.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents OnResizeStop="@OnResizeStopHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void OnResizeStopHandler(ResizingEventArgs args)
{
// Here you can customize your code
}
}
Resizing
Resizing
event triggers when a split pane is being resized.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents Resizing="@ResizingHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void ResizingHandler(ResizingEventArgs args)
{
// Here you can customize your code
}
}
OnCollapse
OnCollapse
event triggers before the panes get collapsed.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents OnCollapse="@OnCollapseHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void OnCollapseHandler(BeforeExpandEventArgs args)
{
// Here you can customize your code
}
}
OnExpand
OnExpand
event triggers before the panes get expanded.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents OnExpand="@OnExpandHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void OnExpandHandler(BeforeExpandEventArgs args)
{
// Here you can customize your code
}
}
Collapsed
Collapsed
event triggers after the panes get collapsed.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents Collapsed="@CollapsedHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void CollapsedHandler(ExpandedEventArgs args)
{
// Here you can customize your code
}
}
Expanded
Expanded
event triggers after the panes get expanded.
@using Syncfusion.Blazor.Layouts
<SfSplitter>
<SplitterEvents Expanded="@ExpandedHandler" ></SplitterEvents>
</SfSplitter>
@code{
public void ExpandedHandler(ExpandedEventArgs args)
{
// Here you can customize your code
}
}