Call the popup from a listview itemtapped event.

Question

I have a listview (xamarin) with data...and i need when click the listview item, call the popup showing another listview with 2 options.And i have to get what action was clicked on the popup.But my code are giving me the error "sequence contains no elements". My Xaml Code On itemtappedEvent i call popupLayout.Show(mainLayout);What i am doing wrong ?

Suhasini Suresh · Answer

Hi Marcelo, 
 
Thanks for contacting Syncfusion Support. 
 
We are not able to reproduce the issue reported. We have prepared a sample to achieve your requirement with the Xamarin.Forms.ListView and tapping the item in the ListView opens the popup which contains another ListView. 
 
However we had an issue in setting the Binding for the child views in popup, we fixed the issue internally and have referred the custom assemblies which includes the fix for the Binding issue in the sample attached. You can use that custom assemblies for your requirement. The fix for the Binding issue will be included in 2018 Volume 2 main release which will be rolled out by the last week of May 2018. 
 
Regarding your query to know what action is clicked in the popup, 
 
 AcceptCommand will be fired, when the accept button is clicked and similarly DeclineCommand will be fired when decline button is clicked. Please find the code snippet for setting the AcceptCommand, DeclineCommand and Popup closing event.  




popupLayout.PopupView.AcceptCommand = new CustomAcceptCommand(); 
popupLayout.PopupView.DeclineCommand = new CustomDeclineCommand(); 
popupLayout.Closing += PopupLayout_Closing; 
 
private void PopupLayout_Closing(object sender, System.ComponentModel.CancelEventArgs e) 
{ 
   // Hits when the popup closes. 
} 
 
// CustomAcceptCommand 
public class CustomAcceptCommand : ICommand 
{ 
    public event EventHandler CanExecuteChanged; 
 
    public bool CanExecute(object parameter) 
    { 
        // Hits when the Accept Button in the popup is clicked 
        return true; 
    } 
 
    public void Execute(object parameter) 
    { 
         
    } 
} 
 
// CustomDeclineCommand 
public class CustomDeclineCommand : ICommand 
{ 
    public event EventHandler CanExecuteChanged; 
 
    public bool CanExecute(object parameter) 
    { 
        // Hits when the Decline Button in the popup is clicked 
        return true; 
    } 
 
    public void Execute(object parameter) 
    { 
 
    } 
} 
 
Sample Link: http://www.syncfusion.com/downloads/support/forum/137129/ze/137129573075604  
 
Regards, 
Suhasini

marcelo couto fernandes · Answer

I am getting System.null.reference when call popupLayout.Show(this.Content);

Why did you Binding Items if the listview collections already has the items ? But is just a question...i tried with and without...didnt work.

Suriya Kalidoss · Answer

Hi Marcelo, 
Thanks for your update.  
 
We analyzed your query. We do not find null reference exception from our side and the below attached sample working fine from our side. We had attached working sample and Video for your reference, please download it from below link.  
 
Sample link: http://www.syncfusion.com/downloads/support/forum/137129/ze/137129573075604   
Video link: http://www.syncfusion.com/downloads/support/forum/137129/ze/POPUPWorkingVideo-1504671107 
 
Note : Please refer the custom assemblies of SfPopupLayout which is referred to the sample in the above sample link, which contains the fix for the Binding issue in SfPopupLayout. 
 
If the issue still exists from your side, please provide us the following details, in order to provide you the solution faster. 
Properties set to the Popup  
Whether you are using Popup as the root view or passing the root view to the Popup.  
Regarding your query on binding items to the ListView, 
In the attached sample, ItemsSource is binded with the property in the ViewModel for the ListView, which is set inside the popup and the ItemTemplate for it is defined.  
Please refer the below link for more details 
Link: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/listview/data-and-databinding   
Regards, 
Suriya K

marcelo couto fernandes · Answer

What I need is:I have a xamarin.forms.listview with their values(ex: User1 info, User2 info, User3 info...). When the user click on the listview item (ex: User1 info), open the Sfpopup with 3 options (Send a message, Add to contacts list, Save to favorites). Identical of This link of your website.Thats what I need. :)Thanks.

Suhasini Suresh · Answer

Hi Marcelo,  
 
Thanks for your update.   
 
We have modified the sample as per your requirement, loading a list view with the items “User 1 Info, User 2 Info, ….” and tapping the item in the list view, displays another list view with the items ” Send a message, Add to contacts list, Save to favorites”. You can download the sample from the below link. 
 
Sample Link: http://www.syncfusion.com/downloads/support/forum/137129/ze/1371291357806039  
 
Regards, 
Suhasini

marcelo couto fernandes · Answer

I don´t know why, but when i try to use Grid inside of the listview, doesn´t work... broke on popupLayout.Show(this.Content);
If i take off the listview and just use the Grid or just the Listview without the layout (grid), works.

But I would like to do like this example . So, i need to use the Grid inside of the Listview.

Also, i need to get the response of the Popup clicked item...(Ex: send a message)

Look my code attached.

Please, fix my code if its possible.

Thanks.

Attachment: Views_3808938f.zip

Suhasini Suresh · Answer

Hi Marcelo,   
  
Thanks for your update.   
 
We checked your query and set the Grid as the ItemTemplate in ListView, we are not getting exception and it is working fine. Please find the sample below in which Grid is set as the ItemTemplate in ListView.  
 
Sample Link: http://www.syncfusion.com/downloads/support/forum/137129/ze/SB_Sample-246949300  
 
If you still get any issue, please revert us with the modified code in the above sample and replication procedure to reproduce the issue, which helps us to provide you the solution faster.  
 
Since, your requirement is to achieve a sample like the link you shared in the previous update, we have shared the code example for the sample in the below link. 
 
Sample Link: http://www.syncfusion.com/downloads/support/forum/137129/ze/GetStartSample-1868540783  
 
Regards, 
Suhasini

marcelo couto fernandes · Answer

Its strange... in your example, the content of this.Content is a Xamarin.Forms.ListView and works.

In mine, when debug, the this.Content is a Xamarin.Forms.ListView and is not working. When i go into exception, the content of this.Content changes to SyncFusion.XForms.PopupLayout.SfPopupLayoutbecause and the Content inside of this, is Null.

Suhasini Suresh · Answer

Hi Marcelo, 
 
A support incident to track the status of this query has been created under your account. Please log on to our support website to check for further updates:  
 
Website Link: https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents  
 
Regards, 
Suhasini