SfChipGroup: Command with Type=Input

<FlexLayout.Behaviors>                         <local:EventToCommandBehavior EventName="ChildRemoved" Command="{Binding ClickCommand}" />   </FlexLayout.Behaviors>

<buttons:SfChipGroup ItemHeight="60" />

For more details about customising SfChip, please check the below given user guide documentation link.

Attachment: Screenshot_20190225140108_c2689140.zip

Hi Matteo,


We have implemented the Chip control in which we have arranged separate views inside the chip like Selection Indicator, Close button and text. We have provided padding to place those views inside the Chip. So, it is necessary to provide minimum value of ItemHeight to 20 to display the whole view without being cropped inside Chip. So please use ItemHeight as specified for viewing the whole view. Please let us know if you have any concern on this.

Regards,
Vanaja R.A.

Hi Matteo, 

Greetings from Syncfusion. 

When using Type as Action, the complete chip item will behave as a button. Hence the Command will work. 

When using Type as Input, we will get the close button. For that close button we have close event. By using the EventToCommand behaviour we can use the command as given below. 

EventToCommand behavior link: https://github.com/xamarin/xamarin-forms-samples/tree/master/Behaviors/EventToCommandBehavior 

Code snippet: 

<FlexLayout.Behaviors>                         <local:EventToCommandBehavior EventName="ChildRemoved" Command="{Binding ClickCommand}" />   </FlexLayout.Behaviors>

  

Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Chip-1483682584  

Please let us know if you need any clarification on this. 

Regards, 

Selva Kumar V. 

employees.CollectionChanged += Employees_CollectionChanged;     private void Employees_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)         {             if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Remove)             {                 var removeditem = e.OldItems[0] as EmployeeDetails;             }         }

Hi Matteo,

We glad that the reported problem resolved at your end. Please let us know if you have any other queries,


Regards,
Mugundhan S.

Hello,

public ViewModel()          {              employees = new ObservableCollection<Person>();              employees.CollectionChanged += Employees_CollectionChanged;              employees.Add(new Person() { Name = "John" });              employees.Add(new Person() { Name = "James" });              employees.Add(new Person() { Name = "Linda" });              employees.Add(new Person() { Name = "Rose" });              employees.Add(new Person() { Name = "Mark" });          }            private void Employees_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)          {              if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Remove)              {                  Person person = (e.OldItems)?[0] as Person;                  DeletedChip = person;              }              if(e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)              {                }          }