WPF XAML

Hi,

Please go through my xaml.

For the control lstResult in the below attached xaml, I am just populating values from itemsource and this will populate values (FirstName,SurName,.....Address.Postcode) from item source.

1.My question is here for the list control lstResult, i need to have header consists of Firstname,SurName,Address1, Address2,Address 3,Address 4,Postcode like that.

2.I want to merge path expression Binding Path=CustomerTitle and Binding Path=FirstName and put into single text block. For example, i need to have text control which displays 'Mr FirstName'

Can you please answer this questions.

Thanks
Senthil
<UserControl x:Class="POS.Desktop.CustomerModule.LookupResults"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:Resources="clr-namespace:POS.Desktop.Resources;assembly=POS.Desktop.Resources" 
             Height="200">
    
    <UserControl.Resources>
        <DataTemplate x:Key="ItemTemplate">
            <Grid Margin="20">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Text="{Binding Path=CustomerNo}" Background="White"/>
                <TextBlock Grid.Column="1"  Background="White"/>
                <TextBlock Grid.Column="2" Text="{Binding Path=CustomerTitle}" Background="White"/>
                <TextBlock Grid.Column="3" Text="{Binding Path=FirstName}" Background="White"/>
                <TextBlock Grid.Column="4" Text="{Binding Path=Surname}" Background="White"/>
                <TextBlock Grid.Column="5" Text="{Binding Path=Address.Line1}" Background="White"/>
                <TextBlock Grid.Column="6" Text="{Binding Path=Address.Line2}" Background="White"/>
                <TextBlock Grid.Column="7" Text="{Binding Path=Address.PostCode}" Background="White"/>
                <Button Click="Button_Click" Grid.Column="7" Content="Open..." />
            </Grid>
        </DataTemplate>
 
        <DataTemplate x:Key="SelectedTemplate">
            <Grid Margin="20">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="Auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0" Text="{Binding Path=CustomerNo}" />
                <TextBlock Grid.Column="1" Text="{Binding Path=CustomerTitle}" />
                <TextBlock Grid.Column="2" Text="{Binding Path=FirstName}" />
                <TextBlock Grid.Column="3" Text="{Binding Path=Surname}" />
                <TextBlock Grid.Column="4" Text="{Binding Path=Address.Line1}" />
                <TextBlock Grid.Column="5" Text="{Binding Path=Address.Line2}" />
                <TextBlock Grid.Column="6" Text="{Binding Path=Address.PostCode}" />
                <Button Grid.Column="7" Content="Open..." />
            </Grid>
        </DataTemplate>
 
        <Style TargetType="{x:Type ListBoxItem}" x:Key="ContainerStyle">
            <Setter Property="ContentTemplate" Value="{StaticResource ItemTemplate}" />
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="ContentTemplate" Value="{StaticResource SelectedTemplate}" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>
    
    <Grid>
        <ListBox x:Name="lstResult" 
                 ItemContainerStyle="{StaticResource ContainerStyle}"
                 HorizontalContentAlignment="Stretch"
                 Style="{DynamicResource {x:Static Resources:VisualResources.PosListBoxStyleKey}}"
                 ItemsSource="{Binding}" HorizontalAlignment="Stretch">
 
        </ListBox>
    </Grid>
</UserControl>

Open in new window

senthilkannan19Asked:
Who is Participating?
 
unmeshdaveConnect With a Mentor Commented:
1.) first of all, when you need the functionality like listview, why you are using listbox?
2). use datatemplate in which show two textblock in dockpanel with orientation=horizontal . Bind each textblock with relavant datafield.
0
 
TSmoothConnect With a Mentor Commented:
In response to question 2, you have 2 options that I'm aware of:
1.) Create a read only property on the class you are binding to that returns the concatenated string of title and first name. Then bind your textbox to that property.

2.) Bind the textbox to the parent object containing the "Mr." and "Firstname" properties and use a converter class to return the concatenated string.
0
 
senthilkannan19Author Commented:
Can you please give me any code example guys?
0
 
senthilkannan19Author Commented:
1.My question is here for the list control lstResult, i need to have header consists of Firstname,SurName,Address1, Address2,Address 3,Address 4,Postcode like that.
0
 
unmeshdaveConnect With a Mentor Commented:
If you will use ListView not Listbox(as you need functionalities like Listview) then
<!-- Declare datatemplates in your resources like Window.Resources or Grid.Resources-->
=======================================
    
    <DataTemplate x:Key="FirstNameCell">
                    <TextBlock Text="{Binding Path=FirstName}"/>
        </DataTemplate>
    <DataTemplate x:Key="SirNameCell">
                    <TextBlock Text="{Binding Path=SirName}"/>
        </DataTemplate>
    <DataTemplate x:Key="Adress1Cell">
                    <TextBlock Text="{Binding Path=Address1}"/>
        </DataTemplate>
    <DataTemplate x:Key="Address2Cell">
                    <TextBlock Text="{Binding Path=Address2}"/>
        </DataTemplate>
===================
<ListView x:Name="lstResult" ">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="FirstName" Width="auto"  CellTemplate="{StaticResource FirstNameCell}" /> 
                    <GridViewColumn Header="SirName" Width="auto"  CellTemplate="{StaticResource SirNameCell}" />
                    <GridViewColumn Header="Address1" Width="auto"  CellTemplate="{StaticResource Address1Cell}" />
                    <GridViewColumn Header="Address2" Width="auto"   CellTemplate="{StaticResource Address2Cell}"/>
.
.
.
                </GridView>
            </ListView.View>
</ListView>

Open in new window

0
All Courses

From novice to tech pro — start learning today.