sfListView in Sfpopup

[Leon]

I am using a sflistview inside a sfpopup

when I try to access the sflistview in code behind to read the selected value I always get null.

I tried:

this.FindByName("MyListView")

(SfListView)oSfPopupLayout.FindByName("MyListView")

sfpopup xaml:

               

                   

                           HeaderTitle="Please select default project."

                           ShowFooter="True">

                       

                           

                               

                                    ItemsSource="{Binding ActiveProjects}">

                                   

                                       

                                           

                                               

                                                   

                                                       

                                                           

                                                       

                                                       

                                                           

                                                       

                                                       

                                                               LineBreakMode="NoWrap"

                                                               VerticalTextAlignment="Center"

                                                               Text="{Binding Name}" 

                                                               FontSize="Medium" HeightRequest="50"/>

                                                   

                                               

                                           

                                       

                                   

                               

                                

                           

                       

                   

               

           

 Any help would be appreciated.

SIGN IN To post a reply.

3 Replies Oldest first

---

SP Subburaj Pandian Veluchamy Syncfusion Team July 30, 2019 08:54 AM UTC

Hi Juan,  

 

Thank you for contacting Syncfusion support. 

We have checked your requirement of “Accessing DataTemplate elements in code behind which is hosted in Xaml” and it is not possible. You must need to derive in code behind to access the DataTempalte elements, which is a limitation. Based on the code, your requirement of accessing ListView can be achieved by initializing the ListView in the code behind and you can access. 

 

Please let us know, if you have any concern. 

 

Regards,
Subburaj Pandian V    

---

MB Matthew Bailey August 23, 2019 01:05 PM UTC

How would I go about building it from the code behind?

I'm using Xamarin's CollectionView and having the same issues, but if you can explain how to build it in the code behind so I can access the SelectedItems values I'd greatly appreciate it.

My DataTemplate holds two labels in a StackLayout and gets populated from an ItemSource in the ViewModel. I understand how to build most of the content, but how to get the binding to work from code behind isn't something I understand completely. Can you help walk me through using SFListView for something like this?

<sfPopup:PopupView.ContentTemplate>
    <DataTemplate>
        <CollectionView
            x:Name="CodesCollection"
            ItemsSource="{Binding CodesReturn}"
            SelectionMode="Multiple"
            SelectedItems="{Binding CodesSelected, Mode=TwoWay}">
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" >
                        <StackLayout Orientation="Horizontal" Margin="10,5,10,1">
                            <Label
                                Margin="10,0,0,0"
                                Text="{Binding Code}"
                                FontSize="Default"
                                FontAttributes="Bold"
                                HorizontalOptions="Start"/>
                            <Label
                                Margin="0,0,10,0"
                                Text="{Binding Name}"
                                FontSize="Default"
                                FontAttributes="Bold"
                                HorizontalOptions="EndAndExpand"
                                HorizontalTextAlignment="End"/>
                        </StackLayout>
                        <BoxView
                            VerticalOptions="End"
                            HorizontalOptions="FillAndExpand"
                            Margin="15,2,15,2"
                            HeightRequest="2"
                            BackgroundColor="{StaticResource DarkGrey}"/>
                    </StackLayout>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
    </DataTemplate>
</sfPopup:PopupView.ContentTemplate>

---

BS Balasubramani Sundaram Syncfusion Team August 26, 2019 07:12 PM UTC

Hi Matthew,  

 

Thank you for contacting Syncfusion support.   

 

Based on the provide details, we have created a sample which has created the collection view at code behind and set the item source and bind inside the SfPopupLayout. You could able to access the collection view when selecting the items with that instance. 

 

Please refer the following sample and code snippet, 

 

Code Snippet [C#] 

 

private CollectionView _collectionView; 

public MainPage() 

{ 

    ........ 

    _collectionView = new CollectionView(); 

    _collectionView.ItemsSource = viewModel.BookInfo; 

    _collectionView.SelectionMode = SelectionMode.Multiple; 

    

    _collectionView.ItemTemplate = new DataTemplate(() => { 

        StackLayout _ParentstackLayout = new StackLayout(); 

        ///---------------------------------------------- 

        StackLayout _stackLayout = new StackLayout(); 

        Label _labelOne = new Label(); 

        ...... 

        _labelOne.SetBinding(Label.TextProperty, "BookName", BindingMode.TwoWay); 

        Label _labelTwo = new Label(); 

        ....... 

        _labelTwo.SetBinding(Label.TextProperty, "BookDescription", BindingMode.TwoWay); 

        _stackLayout.Children.Add(_labelOne); 

        _stackLayout.Children.Add(_labelTwo); 

        //-------------------------------------------------- 

 

        BoxView _boxView = new BoxView(); 

        ...... 

         

        _ParentstackLayout.Children.Add(_stackLayout); 

        _ParentstackLayout.Children.Add(_boxView); 

 

        return _ParentstackLayout; 

    }); 

 

    _popupContent.ContentTemplate = new DataTemplate(() => { 

        return _collectionView; 

    }); 

} 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Popup_Demo68220154 

 

We hope this helps. Please let us know, if you need any further assistance. 

 

Regards,
Balasubramani Sundaram. 

SIGN IN To post a reply.

[Subburaj Pandian Veluchamy]

Hi Juan,  

 

Thank you for contacting Syncfusion support. 

We have checked your requirement of “Accessing DataTemplate elements in code behind which is hosted in Xaml” and it is not possible. You must need to derive in code behind to access the DataTempalte elements, which is a limitation. Based on the code, your requirement of accessing ListView can be achieved by initializing the ListView in the code behind and you can access. 

 

Please let us know, if you have any concern. 

 

Regards,
Subburaj Pandian V    

[Matthew Bailey]

How would I go about building it from the code behind?

I'm using Xamarin's CollectionView and having the same issues, but if you can explain how to build it in the code behind so I can access the SelectedItems values I'd greatly appreciate it.

My DataTemplate holds two labels in a StackLayout and gets populated from an ItemSource in the ViewModel. I understand how to build most of the content, but how to get the binding to work from code behind isn't something I understand completely. Can you help walk me through using SFListView for something like this?

<sfPopup:PopupView.ContentTemplate>
    <DataTemplate>
        <CollectionView
            x:Name="CodesCollection"
            ItemsSource="{Binding CodesReturn}"
            SelectionMode="Multiple"
            SelectedItems="{Binding CodesSelected, Mode=TwoWay}">
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" >
                        <StackLayout Orientation="Horizontal" Margin="10,5,10,1">
                            <Label
                                Margin="10,0,0,0"
                                Text="{Binding Code}"
                                FontSize="Default"
                                FontAttributes="Bold"
                                HorizontalOptions="Start"/>
                            <Label
                                Margin="0,0,10,0"
                                Text="{Binding Name}"
                                FontSize="Default"
                                FontAttributes="Bold"
                                HorizontalOptions="EndAndExpand"
                                HorizontalTextAlignment="End"/>
                        </StackLayout>
                        <BoxView
                            VerticalOptions="End"
                            HorizontalOptions="FillAndExpand"
                            Margin="15,2,15,2"
                            HeightRequest="2"
                            BackgroundColor="{StaticResource DarkGrey}"/>
                    </StackLayout>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
    </DataTemplate>
</sfPopup:PopupView.ContentTemplate>

[Balasubramani Sundaram]

Hi Matthew,  

 

Thank you for contacting Syncfusion support.   

 

Based on the provide details, we have created a sample which has created the collection view at code behind and set the item source and bind inside the SfPopupLayout. You could able to access the collection view when selecting the items with that instance. 

 

Please refer the following sample and code snippet, 

 

Code Snippet [C#] 

 

private CollectionView _collectionView; 

public MainPage() 

{ 

    ........ 

    _collectionView = new CollectionView(); 

    _collectionView.ItemsSource = viewModel.BookInfo; 

    _collectionView.SelectionMode = SelectionMode.Multiple; 

    

    _collectionView.ItemTemplate = new DataTemplate(() => { 

        StackLayout _ParentstackLayout = new StackLayout(); 

        ///---------------------------------------------- 

        StackLayout _stackLayout = new StackLayout(); 

        Label _labelOne = new Label(); 

        ...... 

        _labelOne.SetBinding(Label.TextProperty, "BookName", BindingMode.TwoWay); 

        Label _labelTwo = new Label(); 

        ....... 

        _labelTwo.SetBinding(Label.TextProperty, "BookDescription", BindingMode.TwoWay); 

        _stackLayout.Children.Add(_labelOne); 

        _stackLayout.Children.Add(_labelTwo); 

        //-------------------------------------------------- 

 

        BoxView _boxView = new BoxView(); 

        ...... 

         

        _ParentstackLayout.Children.Add(_stackLayout); 

        _ParentstackLayout.Children.Add(_boxView); 

 

        return _ParentstackLayout; 

    }); 

 

    _popupContent.ContentTemplate = new DataTemplate(() => { 

        return _collectionView; 

    }); 

} 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Popup_Demo68220154 

 

We hope this helps. Please let us know, if you need any further assistance. 

 

Regards,
Balasubramani Sundaram.