Class UserHandleEventsArgs

Notifies when the mouse events such as mouse enter, mouse leave, mouse down, mouse up carried on the user handle.

Inheritance

System.Object

UserHandleEventsArgs

Namespace: Syncfusion.Blazor.Diagrams

Assembly: Syncfusion.Blazor.dll

Syntax

public class UserHandleEventsArgs : Object

Remarks

Property	Descriptions
OnUserHandleMouseDown	Triggers when the mouseDown on the user handle.
OnUserHandleMouseUp	Triggers when the mouseUp on the user handle.
OnUserHandleMouseEnter	Triggers when the mouseEnter on the user handle.
OnUserHandleMouseLeave	Triggers when the mouseLeave from the user handle.
The following code shows how to define OnUserHandleMoudeDown property.

Examples

<SfDiagram Height="600px" Nodes="@NodeCollection" SelectedItems="@SelectedModel">
   <DiagramSnapSettings Constraints = "SnapConstraints.None" ></ DiagramSnapSettings >
   < DiagramEvents OnUserHandleMouseDown="MouseDown"></DiagramEvents>
</SfDiagram>
@code{
   // Defines diagram's nodes collection
   public ObservableCollection<DiagramNode> NodeCollection { get; set; }
   // Defines diagram's SelectedItems
   public Syncfusion.Blazor.Diagrams.DiagramSelectedItems SelectedModel { get; set; }
   ObservableCollection<DiagramUserHandle> UserHandles { get; set; }
   public void MouseDown(UserHandleEventsArgs args)
   {
       if ((args != null) && (args.Element != null))
       {
           Console.WriteLine("MouseDown");
       }
   }
   protected override void OnInitialized()
   {
       //Creating the user handle for cloning the objects
       DiagramUserHandle CloneHandle = new DiagramUserHandle()
       {
           //Name of the user handle
           Name = "clone",
           //Set pathdata for userhandle
           PathData = "M60.3,18H27.5c-3,0-5.5,2.4-5.5,5.5v38.2h5.5V23.5h32.7V18z M68.5,28.9h-30c-3,0-5.5,2.4-5.5,5.5v38.2c0,3,2.4,5.5,5.5,5.5h30c3,0,5.5-2.4,5.5-5.5V34.4C73.9,31.4,71.5,28.9,68.5,28.9z M68.5,72.5h-30V34.4h30V72.5z",
       };
       //Add user handle to the user handle collection
       UserHandles = new ObservableCollection<DiagramUserHandle>()
       {
           CloneHandle
       };
       SelectedModel = new Syncfusion.Blazor.Diagrams.DiagramSelectedItems()
       {
           //Enable user handle for selected items...
           Constraints = SelectorConstraints.UserHandle,
           UserHandles = this.UserHandles
       };
       NodeCollection = new ObservableCollection<DiagramNode>();
       DiagramNode DiagramNode = new DiagramNode()
       {
           Id = "node1",
           OffsetX = 100,
           OffsetY = 100,
           Width = 100,
           Height = 100,
           Style = new NodeShapeStyle() { Fill = "#659be5", StrokeColor = "none" },
       };
       NodeCollection.Add(DiagramNode);
   }
}

Constructors

UserHandleEventsArgs()

Declaration

public UserHandleEventsArgs()

Properties

Element

Returns the user handle object.

Declaration

public DiagramUserHandle Element { get; set; }

Property Value

Type	Description
DiagramUserHandle