Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 585
  • Last Modified:

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

0
senthilkannan19
Asked:
senthilkannan19
  • 2
  • 2
3 Solutions
 
TSmoothCommented:
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
 
unmeshdaveCommented:
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
 
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
 
unmeshdaveCommented:
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

Featured Post

Veeam and MySQL: How to Perform Backup & Recovery

MySQL and the MariaDB variant are among the most used databases in Linux environments, and many critical applications support their data on them. Watch this recorded webinar to find out how Veeam Backup & Replication allows you to get consistent backups of MySQL databases.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now