Windows phone 8 如何在wp8的LongListSelector中显示行号

Windows phone 8 如何在wp8的LongListSelector中显示行号,windows-phone-8,Windows Phone 8,我想在文本块中显示行号,如1、2、3。。。。。依此类推,具体取决于项目索引值 as like 1. value value 2. 3. <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foregr

我想在文本块中显示行号,如1、2、3。。。。。依此类推,具体取决于项目索引值

as like 
1.    value  value
2.
3.


 <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0"
 ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged"
 Foreground="Black" Height="654" VerticalAlignment="Bottom">
         ....
 <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{ 1}" />
  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
就像
1.价值
2.
3.
....
我该怎么做

  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>

不是最好的解决方案,但在某些方面可以帮助您

  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
在任务列表中,键入类定义

  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
只需添加一个成员,如

  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
public class YourClass
{
public int BindingId{get;set;}
}
现在在任务列表被填满的地方

  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
像这样做一个圈

  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
for (int i = 0; i < TaskList.Count; i++)
{
TaskList[i].BindingId= i;
}
for(int i=0;i

循环完成后,列表中的每一项都会附带一个自动递增的编号。只需将其用于绑定。

是的,一个id不存在,只需将该id绑定到数据模板中的文本块即可。这就是我在我的列表框中所做的,我认为同样适用于LLS。id不不同,就像2011002一样,但我想要1,2,3好的,很简单,请共享问题中的任务列表类类型。请查找代码,如果值为1,我想更改图像,然后是Assets/priority_low.png等等
  <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding TaskList}" SelectionChanged="MainLongListSelector_SelectionChanged" Foreground="Black" Height="654" VerticalAlignment="Bottom">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <Border Style="{StaticResource bordercss}" >
                        <Grid >
                            <Grid.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="1"/>
                                    <GradientStop Color="Black" Offset="1"/>
                                </LinearGradientBrush>
                            </Grid.Background>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="5*"/>
                                <ColumnDefinition Width="5*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0" Margin="5" Text="{Binding }" />
                            <TextBlock  Grid.Row="0" Grid.Column="1" Text="{Binding title}" Style="{StaticResource textbold}" />
                            <Image  HorizontalAlignment="Right" Grid.Row="0" Grid.Column="2"  Source="/Assets/priority_low.png" Margin="5" Height="25" />

                            <Image HorizontalAlignment="Left"   Grid.Row="1" Grid.Column="0"  Source="/Assets/client_icon.png" Margin="5,5,0,5" Width="23"/>
                            <TextBlock  Grid.Row="1" Grid.Column="1" Text="{Binding clientname}" Style="{StaticResource textsimple}"  />

                            <Image  HorizontalAlignment="Left" Grid.Row="2" Grid.Column="0"  Source="/Assets/contact_icon.png" Margin="5,5,0,5" Width="17"/>
                            <TextBlock  Grid.Row="2" Grid.Column="1" Text="{Binding customercontact}" Style="{StaticResource textsimple}"   />

                            <Image HorizontalAlignment="Left" Grid.Row="3" Grid.Column="0"  Source="/Assets/address_icon.png" Margin="5,5,0,5" Width="20"/>
                            <TextBlock  Grid.Row="3" Grid.Column="1" Text="{Binding address}" Style="{StaticResource textsimple}"   />

                            <Button Grid.Row="4" Grid.ColumnSpan="2" VerticalAlignment="Center"  HorizontalAlignment="left" Grid.Column="0" Content="{Binding expdate}" Margin="-12,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Height="80"  />

                            <Button Grid.Row="4" Grid.Column="2" Content="Status" Margin="-10,0,-12,-12" Background="#FFD6D6D6" Foreground="Black" Padding="0,0,5,0" Height="80"  />

                        </Grid>

                    </Border>

                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>