Hi Hung Ho,
Thank you for contacting Syncfusion Support.
We have checked your query.
Regarding your first query: “1. In ItemSelected(object sender, SelectedItemChangedEventArgs e) , the sender is the ListView itself and the e.SelectedItem is the View Model object. So I can't access the View to be parameter for .ShowRelativeToView. How do I access the selected item View object. Can someone please provide a sample?”
You can achieve your requirement by using SfListView. In ItemTapped event you can get the view.
Refer the below code for reference:
|
var listviewItem = VisualContainer.Children.FirstOrDefault(x => x.BindingContext == e.ItemData) as ListViewItem;
if (listviewItem != null)
{
//// You can customize your code here.
}
|
Regarding your second query: “2. How do I make SfPopupLayout smart enough to show the popup above the selected item if it's near the bottom of the screen and vice versa?”
You can achieve your requirement by showing the popup at XY position.
|
private void ListView_ItemTapped(object sender, Syncfusion.ListView.XForms.ItemTappedEventArgs e)
{
if (e.ItemType != ItemType.Record)
{
return;
}
var listviewItem = VisualContainer.Children.FirstOrDefault(x => x.BindingContext == e.ItemData) as ListViewItem;
if (listviewItem != null)
{
//// You can customize your code here.
}
var itemIndex = (this.listView.BindingContext asContactsViewModel).Contactsinfo.IndexOf(e.ItemData as ContactInfo);
var visibleLine = this.listView.GetVisualContainer().ScrollRows.GetVisibleLineAtLineIndex(itemIndex);
var point = this.listView.Y + visibleLine.ClippedOrigin + visibleLine.Size;
if (point + 140 <= this.listView.Height + 25)
{
this.popupLayout.Show(this.listView.X, this.listView.Y + visibleLine.ClippedOrigin + visibleLine.ClippedSize + this.GetRelativeYPoint("top"));
}
else
{
this.popupLayout.Show(this.listView.X, point - this.GetRelativeYPoint("bottom"));
}
}
|
We have prepared a sample based on your requirement and you can download it from the below sample.
Regards,
Jagadeesan
