WPF教程

wpf实现datalist功能html教程

时间:2013-6-20 1:21:44  作者:WPF之家  来源:http://www.wpf123.com  查看:254  评论:0
内容摘要:效果图如下:代码如下:<UserControl xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"  x:Class="FilesManagement.F...
效果图如下:
wpf实现datalist功能
代码如下:
<UserControl xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"  x:Class="FilesManagement.FilesReport"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:quick="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"
             xmlns:local="clr-namespace:FilesManagement"
             mc:Ignorable="d"  Loaded="UserControl_Loaded"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="30"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.Resources>
            <LinearGradientBrush x:Key="Office_BlackPictureFrame" EndPoint="0.491356224416577,0.974451988955925" StartPoint="0.777113682471078,-0.027352265088688">
                <GradientStop Color="#FF7D7D7D" Offset="0.032501"/>
                <GradientStop Color="#FF4D4D4D" Offset="0.036112000000000033"/>
                <GradientStop Color="#FF656565" Offset="0.065002"/>
                <GradientStop Color="#FF454545" Offset="0.068613000000000035"/>
                <GradientStop Color="#FF353535" Offset="0.72841"/>
                <GradientStop Color="#FF050505" Offset="0.987361"/>
                <GradientStop Color="#FF9F9F9F" Offset="0.54500001668930054"/>
                <GradientStop Color="#FF454545" Offset="0.381"/>
                <GradientStop Color="#FF1C1C1C" Offset="0.66"/>
            </LinearGradientBrush>
 
            <LinearGradientBrush x:Key="Office_BlackRowBackground" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF343639" Offset="1"/>
                <GradientStop Color="#FF373737" Offset="0"/>
                <GradientStop Color="#FF3A3B3D" Offset="0.15"/>
                <GradientStop Color="#FF121212" Offset="0.15"/>
            </LinearGradientBrush>
            
            <telerik:BinaryImageConverter x:Key="binaryImageConverter"></telerik:BinaryImageConverter>
            
            <local:IntConverter x:Key="strConverter"></local:IntConverter>
            <local:DateConverter x:Key="dtConverter"></local:DateConverter>
                        
            <ControlTemplate x:Key="MyCustomRowTemplate" TargetType="telerik:GridViewRow">
                <Border x:Name="rowsContainer" Background="#FF525252" Padding="8,8,8,0">
                    <Border Background="{StaticResource ResourceKey=Office_BlackRowBackground}" x:Name="selectedRow"
                            BorderThickness="1" BorderBrush="#FF000000">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30"></RowDefinition>
                                <RowDefinition Height="30"></RowDefinition>
                                <RowDefinition Height="30"></RowDefinition>
                                <RowDefinition Height="30"></RowDefinition>
                                <RowDefinition Height="30"></RowDefinition>                                
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="120"></ColumnDefinition>
                                <ColumnDefinition Width="100"></ColumnDefinition>
                                <ColumnDefinition Width="*"></ColumnDefinition>
                            </Grid.ColumnDefinitions>
 
                            
                            <TextBlock Text="文件大小:" Grid.Column="1" Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Left"
                                       Foreground="White" FontWeight="Bold" Margin="0,10,10,0">                                
                            </TextBlock>                           
                            <TextBlock Text="文件类型:" Grid.Column="1" Grid.Row="2" VerticalAlignment="Top" HorizontalAlignment="Left"
                                       Foreground="White" FontWeight="Bold" Margin="0,10,10,0">
                            </TextBlock>
                            <TextBlock Text="创建日期:" Grid.Column="1" Grid.Row="3" VerticalAlignment="Top" HorizontalAlignment="Left"
                                       Foreground="White" FontWeight="Bold" Margin="0,10,10,0">
                            </TextBlock>
                            <TextBlock Text="备注信息:" Grid.Row="4" Grid.Column="1" Margin="0,10,10,0"
                                       VerticalAlignment="Top" HorizontalAlignment="Left" Foreground="White" FontWeight="Bold">
                            </TextBlock>
 
                            <Border BorderThickness="1,1,1,1" CornerRadius="6,6,6,6" Grid.Row="1" Grid.RowSpan="5" Margin="5">
                                <Border.BorderBrush>
                                    <LinearGradientBrush EndPoint="0.933220924036204,0.903735795235198" StartPoint="0.0687608619440813,0.315483972696259">
                                        <GradientStop Color="#FFDEDEDE" Offset="1"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.35294289873343759"/>
                                    </LinearGradientBrush>
                                </Border.BorderBrush>
                                <Border BorderThickness="7,7,7,7" CornerRadius="2,2,2,2" BorderBrush="{StaticResource Office_BlackPictureFrame}">
                                    <Border Margin="-1,-1,-1,-1" Width="Auto" BorderBrush="#FFFFFFFF" BorderThickness="1,1,1,1" CornerRadius="2,2,2,2">
                                        <Border BorderThickness="1,1,1,1" CornerRadius="1,1,1,1" Background="#FFFFFFFF">
                                            <Border.BorderBrush>
                                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                    <GradientStop Color="#FF2F2F2F" Offset="1"/>
                                                    <GradientStop Color="#FF515151" Offset="0.008"/>
                                                </LinearGradientBrush>
                                            </Border.BorderBrush>
                                            <Image Source="{Binding picture, Converter={StaticResource ResourceKey= binaryImageConverter}}" />
                                        </Border>
                                    </Border>
                                </Border>
                            </Border>
                            
                            <StackPanel Orientation="Horizontal" Grid.Column="0" Grid.ColumnSpan="3" Margin="15,0,15,0">
                                <TextBlock Text="文件名:" VerticalAlignment="Top" HorizontalAlignment="Left" Foreground="LightGray" FontSize="18">
                                </TextBlock>
                                <TextBlock Text="{Binding Name}" VerticalAlignment="Top" HorizontalAlignment="Left" Foreground="LightGray" FontSize="18"></TextBlock>
                            </StackPanel>
 
                            <TextBlock Text="{Binding fileSize, Converter={StaticResource ResourceKey=strConverter}}"
                                       Grid.Column="2" Grid.Row="1"
                                       VerticalAlignment="Top" HorizontalAlignment="Left"
  Foreground="White"  Margin="0,10,10,0" />
 
                            <TextBlock Text="{Binding fileType}"
                                       Grid.Column="2" Grid.Row="2"
                                       VerticalAlignment="Top" HorizontalAlignment="Left"
                                       Foreground="White"  Margin="0,10,10,0" />
                            
                            <TextBlock Text="{Binding fileTime, Converter={StaticResource ResourceKey=dtConverter}}" 
                                       Grid.Column="2" Grid.Row="3"
                                       VerticalAlignment="Top" HorizontalAlignment="Left" Foreground="White" Margin="0,10,10,0">                                
                            </TextBlock>
 
                            <TextBlock Text="{Binding Remarks}"
                                       Grid.Column="2" Grid.Row="4"
                                       VerticalAlignment="Top" HorizontalAlignment="Left"
                                       Foreground="White"  Margin="0,10,10,0" />
 
                            <!--<TextBlock Text="{Binding Content}" 
                                       Grid.Column="2" Grid.Row="4"
                                       VerticalAlignment="Top" HorizontalAlignment="Left"
                                       Foreground="2" Margin="0,15,15,0">                                
                            </TextBlock>-->
                        </Grid>
                    </Border>                    
                </Border>
            </ControlTemplate>
            
            <Style x:Key="rowStyle" TargetType="telerik:GridViewRow">
                <Setter Property="Template" Value="{StaticResource ResourceKey=MyCustomRowTemplate}"></Setter>
            </Style>
        </Grid.Resources>
        
        <Border quick:ThemeAwareBackgroundBehavior.IsEnabled="True"></Border>
 
        <telerik:RadGridView IsReadOnly="True" RowStyle="{StaticResource ResourceKey=rowStyle}" AutoGenerateColumns="False"
                             ScrollMode="RealTime" CanUserFreezeColumns="False" Name="GridViewFiles" ItemsSource="{Binding}">
            <telerik:RadGridView.Columns>
                <!--<telerik:GridViewDataColumn Header="单位名" DataMemberBinding="{Binding 单位名}"></telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn Header="测试仪器" DataMemberBinding="{Binding 测试仪器}"></telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn Header="检测人员" DataMemberBinding="{Binding 检测人员}"></telerik:GridViewDataColumn>-->
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>
        
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Button  Grid.Column="0" Content="添加" Name="btnAdd" Click="btnAdd_Click" />
            <Button Grid.Column="1" Content="删除" Name="btnDelete" />
            <Button Grid.Column="2" Content="修改" Name="btnModify"></Button>
            <Button Grid.Column="3" Content="查看" Name="btnLook"></Button>
            <Button Grid.Column="4" Content="关闭" Name="btnClose"></Button>
        </Grid>
    </Grid>
</UserControl>
 

标签:wpf  控件 datalist 

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。本文出自“wpf之家”,请务必保留此出处:http://www.wpf123.com

相关评论
Copyright © 2009-2014 WPF之家(http://www.wpf123.com/) All rights reserved
 Powered by WPF之家
鄂ICP备13006396号