ReadMe file updated with KB link

Author: jayaleshwari

README.md

@@ -1,16 +1,26 @@
-# How-to-disable-button-action-when-dragging-listview-item
+# How to handle button action of ListView item when dragging in Xamarin.Forms (SflistView)?
 
-You can disable the button click action which loaded in ItemTemplate by maintaining a property in the view model and skip the process using Xamarin.Forms Listview when Drag and Drop ListViewItem.
+You can handle the button click action that is loaded in the [ItemTemplate](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.SfListView~ItemTemplate.html?) by maintaining a property in the **ViewModel** and skip the process while drag and drop the [ListViewItem](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.ListViewItem.html?) using Xamarin.Forms SfListView.
 
-```
+You can also refer the following article.
+
+https://www.syncfusion.com/kb/11686/how-to-handle-button-action-of-listview-item-when-dragging-in-xamarin-forms-sflistview
+
+**XAML**
+
+Bind Button.Command](https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/button#using-the-command-interface) to skip the button click action.
+``` xml
 <ContentPage xmlns:syncfusion="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms">
     <ContentPage.Content>
         <Grid>
             <syncfusion:SfListView x:Name="listView"
                                    ItemSize="70"
                                    DragStartMode="OnHold"
                                    SelectionBackgroundColor="Transparent"
-                                   ItemsSource="{Binding ContactsInfo}">  
+                                   ItemsSource="{Binding ContactsInfo}">
+                <syncfusion:SfListView.Behaviors>
+                    <local:Behavior/>
+                </syncfusion:SfListView.Behaviors>
                 <syncfusion:SfListView.ItemTemplate>
                     <DataTemplate>
                         <ViewCell>
@@ -27,46 +37,69 @@ You can disable the button click action which loaded in ItemTemplate by maintain
     </ContentPage.Content>
 </ContentPage>
 ```
+**C#**
 
-```
-    listview.ItemDragging += Listview_ItemDragging;
+Behavior class to trigger the [SfListView.ItemDragging](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.SfListView~ItemDragging_EV.html?) event. Update the property **isDragEndRaised** to **true**, based on the [DragAction](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.ItemDraggingEventArgs~Action.html?).
 
+``` c#
+class Behavior : Behavior<SfListView>
+{
+    public SfListView listview { get; private set; }
+    protected override void OnAttachedTo(SfListView bindable)
+    {
+        base.OnAttachedTo(bindable);
+        listview = bindable as SfListView;
+        listview.ItemDragging += Listview_ItemDragging;
+    }
+ 
     private void Listview_ItemDragging(object sender, ItemDraggingEventArgs e)
     {
+        var viewModel = (sender as SfListView).BindingContext as ListViewGroupingViewModel;
         if (e.Action == Syncfusion.ListView.XForms.DragAction.Drop)
         {
             viewModel.isDragEndRaised = true;
         }
     }
+ 
+    protected override void OnDetachingFrom(SfListView bindable)
+    {
+        base.OnDetachingFrom(bindable);
+        listview.ItemDragging -= Listview_ItemDragging;
+        listview = null;
+    }
+}
 ```
+**C#**
 
-Below code defines you to execute the Button command based on DragAction.
-
-```
+Disable the isDragEndRaised property in the **TapCommand** execution method.
+``` c#
 public class ListViewGroupingViewModel
 {
     private Command tapcommand;
-    public bool isDragEndRaised = false;
-
     public Command TapCommand
     {
         get { return tapcommand; }
         set { tapcommand = value; }
     }
-
-    TapCommand = new Command(OnButtonClick);
-
+    public bool isDragEndRaised = false;
+ 
+    public ListViewGroupingViewModel()
+    {
+        TapCommand = new Command(OnButtonClick);
+        GenerateSource();
+    }
+ 
     private void OnButtonClick(object obj)
     {
         var itemData = obj as ListViewContactsInfo;
-
+ 
         if (isDragEndRaised == true)
         {
             isDragEndRaised = false;
             return;
         }
         else
-            App.Current.MainPage.DisplayAlert("Messsage", "Tapped item data : " + itemData.ContactName, "OK");
+            App.Current.MainPage.DisplayAlert("", "Tapped item data : " + itemData.ContactName, "OK");
     }
 }
 ```