AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

Silverlight MVVM 贴近实战(七)

分类：Silverlight作者：编程之家

这个行业里，山外有山，人外有人，忽然觉得自己是个菜鸟。

今天我们通过用户管理模块来系统的讲述关于Action，Trigger的使用。首先还是先上一张图，调一下胃口。

这个图中的Grid怎会变成如此摸样，是的，在这里我们用到了一点点3D的效果。首先我们先从前台代码入手。

 
 
    

  1. <controls:ChildWindow x:Class="MISInfoManage.UserManageView" 
    2. 
  
  @H_404_32@
           /*此处省略部分代码*/              xmlns:resource="clr-namespace:MISInfoManage.Resources" 

  
  @H_404_32@ 
  
  @H_404_32@
           xmlns:trigger="clr-namespace:MISInfoManage.Trigger" 

  
  
  2. 
           xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"> 

    3. 
  
  @H_404_32@
  /*此处省略部分代码*/   

  
  @H_404_32@
     <Grid x:Name="LayoutRoot" Margin="2"> 

  
  @H_404_32@
        <Grid.RowDeFinitions> 

  
  
  3. 
            <RowDeFinition Height="65"/> 

    4. 
  
  @H_404_32@
            <RowDeFinition Height="297"/> 

  
  
  4. 
            <RowDeFinition Height="Auto"/> 

    5. 
  
  @H_404_32@
        </Grid.RowDeFinitions> 

  
  
  5. 
        <sdk:DataGrid Grid.Row="0" Grid.Column="0" Height="300" Width="540"   

    6. 
  
  @H_404_32@
                         /*此处省略部分代码*/   > 

  
  @H_404_32@     
  
  
  6. 
            <sdk:DataGrid.Projection> 

    7. 
  
  @H_404_32@
                <PlaneProjection RotationX="0" RotationY="10" RotationZ="0"></PlaneProjection> 

  
  
  7. 
            </sdk:DataGrid.Projection> 

    8. 
  
  @H_404_32@
            <sdk:DataGrid.Effect> 

  
  
  8. 
                <DropShadowEffect BlurRadius="5" Color="Black" ShadowDepth="8" Opacity="0.8"/> 

    9. 
  
  @H_404_32@
            </sdk:DataGrid.Effect> 

  
  
  9. 
            <i:Interaction.Triggers> 

    10. 
  
  @H_404_32@
                <i:EventTrigger EventName="SelectionChanged"> 

  
  
  10. 
                    <trigger:SelectChangeTargetTrigger TargetName="txtUserNo"> 

    11. 
  
  @H_404_32@
                    </trigger:SelectChangeTargetTrigger> 

  
  
  11. 
                    <trigger:SelectChangeTargetTrigger TargetName="cmbType"> 

    12. 
  
  @H_404_32@
                    </trigger:SelectChangeTargetTrigger> 

  
  
  12. 
                    <trigger:SelectChangeTargetTrigger TargetName="cmbState"> 

    13. 
  
  @H_404_32@
                    </trigger:SelectChangeTargetTrigger> 

  
  
  13. 
                </i:EventTrigger> 

    14. 
  
  @H_404_32@
            </i:Interaction.Triggers> 

  
  
  14. 
            <sdk:DataGrid.Columns> 

    15. 
  
  @H_404_32@
         /*此处省略部分代码*/               </sdk:DataGrid.Columns> 

  
  @H_404_32@ 
  
  @H_404_32@
        </sdk:DataGrid> 

  
  
  15. 
        <sdk:DataPager x:Name="dataPager" 

    16. 
  
  @H_404_32@
                       Grid.Row="1" BorderThickness="1" 

  
  
  16. 
                       BorderBrush="Black" 

    17. 
  
  @H_404_32@
                       displayMode="FirstLastPrevIoUsNextNumeric" 

  
  
  17. 
                       PageSize="10"> 

    18. 
  
  @H_404_32@
        </sdk:DataPager> 

  
  
  18. 
        <Border BorderThickness="1" Margin="0,5,5" Background="Silver" BorderBrush="Black" Grid.Row="2" Grid.Column="0"> 

    19. 
  
  @H_404_32@
            /*此处省略部分代码*/                           <Image Source="Images/Windows.png" Opacity="0.7" Grid.Row="0" Grid.Column="0"/> 

  
  @H_404_32@    
  
  @H_404_32@ 
  
  
  19. 
                        <TextBox x:Name="txtUserNo" Foreground="Silver" BorderThickness="0" Grid.Row="0" Grid.Column="1" Text="{Binding UserNo,Mode=OneWay}"> 

    20. 
  
  @H_404_32@
                            <i:Interaction.Triggers> 

  
  
  20. 
                               <i:EventTrigger EventName="GotFocus"> 

    21. 
  
  @H_404_32@
                                   <trigger:FocusTrigger></trigger:FocusTrigger> 

  
  
  21. 
                               </i:EventTrigger> 

    22. 
  
  @H_404_32@
                                <i:EventTrigger EventName="LostFocus"> 

  
  
  22. 
                                    <trigger:LostFocusTrigger> 

    23. 
  
  @H_404_32@
                                    </trigger:LostFocusTrigger> 

  
  
  23. 
                                </i:EventTrigger> 

    24. 
  
  @H_404_32@
                            </i:Interaction.Triggers> 

  
  
  24. 
                        </TextBox> 

    25. 
  
  @H_404_32@
                    </Grid> 

  
  
  25. 
                </Border> 

    26. 
  
  @H_404_32@
               /*此处省略部分代码*/                   <ComboBox x:Name="cmbType" Grid.Row="1" Grid.Column="1" 

  
  @H_404_32@    
  
  @H_404_32@ 
  
  @H_404_32@
                          Background="AliceBlue"   

  
  
  26. 
                          HorizontalAlignment="Left" Margin="2,0" Width="200" 

    27. 
  
  @H_404_32@
                          ItemsSource="{Binding UserTypeList,Mode=OneWay}"   

  
  
  27. 
                          SelectedItem="{Binding UserType}"> 

    28. 
  
  @H_404_32@
                    <ComboBox.ItemTemplate> 

  
  
  28. 
                        <DataTemplate> 

    29. 
  
  @H_404_32@
                            <StackPanel Orientation="Horizontal"> 

  
  
  29. 
                                <Image Source="{Binding UserTypeImage}" Height="22" Stretch="UniformToFill"></Image> 

    30. 
  
  @H_404_32@
                                <TextBlock Text="{Binding UserTypeName,Mode=TwoWay}" FontWeight="Bold" Margin="2,0"/> 

  
  
  30. 
                            </StackPanel> 

    31. 
  
  @H_404_32@
                        </DataTemplate> 

  
  
  31. 
                    </ComboBox.ItemTemplate> 

    32. 
  
  @H_404_32@
                </ComboBox> 

  
  
  32. 
               /*此处省略部分代码*/               </Grid> 

    33. 
  
  
  33.  
    34. 
  
  @H_404_32@
        </Border> 

  
  
  34. 
    </Grid> 

    35. 
  
  @H_404_32@
</controls:ChildWindow> 

在这里布局我们就不说了，相信看过前几篇的都明白。首先我们看有这么一段代码

 
 
    

  1. <sdk:DataGrid.Projection> 
    2. 
  
  @H_404_32@
                <PlaneProjection RotationX="0" RotationY="10" RotationZ="0"></PlaneProjection> 

  
  
  2. 
            </sdk:DataGrid.Projection> 

    3.

这段代码是设置DataGrid的3D效果的，在这里我们设置其x轴的旋转角为0，Y轴旋转角为10，Z轴是0。怎么理解呢？这就好比空间一个三维坐标，X轴转动你想象成手指头抓住X轴的正方向，用手指去撵的让它转动。同理，Y轴和Z轴也是同样的道理。我们在这里设置正角，是让它逆时针转动，如果是负角则是顺时针。OK，我们接着看下面这样一段代码

 
 
    

  1. <i:Interaction.Triggers> 
    2. 
  
  @H_404_32@
                <i:EventTrigger EventName="SelectionChanged"> 

  
  
  2. 
                    <trigger:SelectChangeTargetTrigger TargetName="txtUserNo"> 

    3. 
  
  @H_404_32@
                    </trigger:SelectChangeTargetTrigger> 

  
  
  3. 
                    <trigger:SelectChangeTargetTrigger TargetName="cmbType"> 

    4. 
  
  @H_404_32@
                    </trigger:SelectChangeTargetTrigger> 

  
  
  4. 
                    <trigger:SelectChangeTargetTrigger TargetName="cmbState"> 

    5. 
  
  @H_404_32@
                    </trigger:SelectChangeTargetTrigger> 

  
  
  5. 
                </i:EventTrigger> 

    6. 
  
  @H_404_32@
            </i:Interaction.Triggers> 

这段涉及到我开始提到的Action，在这里我们使用到了TargetedTriggerAction，也就是在DataGrid SelectionChanged事件触发的时候，会对这三个TargetName指定的UIElement进行UI的变化。我们看看这个SelectChangeTargetTrigger 。

 
 
    

  1. namespace MISInfoManage.Trigger  
    2. 
  
  @H_404_32@{  
  
  
  2. 
    public class SelectChangeTargetTrigger : TargetedTriggerAction<DependencyObject>  

    3. 
  
  @H_404_32@    {  
  
  
  3. 
        private DependencyObject element;  

    4. 
  
  @H_404_32@
        public SelectChangeTargetTrigger()  

  
  
  4.         { }  
    5. 
  
  @H_404_32@ 
  
  
  5. 
        protected override void OnAttached()  

    6. 
  
  @H_404_32@        {  
  
  
  6. 
            base.OnAttached();  

    7. 
  
  @H_404_32@
            if (Target != null)  

  
  
  7.             {  
    8. 
  
  @H_404_32@                element = Target;  
  
  
  8.             }  
    9. 
  
  @H_404_32@        }  
  
  
  9.  
    10. 
  
  @H_404_32@
        protected override void OnDetaching()  

  
  
  10.         {  
    11. 
  
  @H_404_32@
            base.OnDetaching();  

  
  
  11. 
            element = null;  

    12. 
  
  @H_404_32@        }  
  
  
  12.  
    13. 
  
  @H_404_32@
        protected override void OnTargetChanged(DependencyObject oldTarget, DependencyObject newTarget)  

  
  
  13.         {  
    14. 
  
  @H_404_32@
            base.OnTargetChanged(oldTarget, newTarget);  

  
  
  14. 
            if (element == null)  

    15. 
  
  @H_404_32@            {  
  
  
  15.                 element = newTarget;  
    16. 
  
  @H_404_32@            }  
  
  
  16.         }  
    17. 
  
  @H_404_32@ 
  
  
  17. 
        protected override void Invoke(object parameter)  

    18. 
  
  @H_404_32@        {  
  
  
  18. 
            if ((this.Associatedobject as DataGrid).SelectedItem != null)  

    19. 
  
  @H_404_32@            {  
  
  
  19. 
                if (this.Target.GetType() == typeof(TextBox))  

    20. 
  
  @H_404_32@                {  
  
  
  20. 
                    TextBox textBox = (Target as TextBox);  

    21. 
  
  @H_404_32@
                    textBox.IsReadOnly = true;  

  
  
  21. 
                    if (textBox.Name == "txtUserNo")  

    22. 
  
  @H_404_32@                    {  
  
  
  22. 
                        textBox.Foreground = new SolidColorBrush(Colors.Black);  

    23. 
  
  @H_404_32@                    }  
  
  
  23.                 }  
    24. 
  
  @H_404_32@
                if (this.GetType() == typeof(ComboBox))  

  
  
  24.                 {  
    25. 
  
  @H_404_32@
                    (Target as ComboBox).IsEnabled = false;  

  
  
  25.                 }   
    26. 
  
  @H_404_32@            }  
  
  
  26.         }  
    27. 
  
  @H_404_32@    }  
  
  
  27. } 
    28.

在这里需要注意的是要引用System.Windows.Interactivity命名空间。结合界面代码我们可以看出，当DataGrid的SelectionChanged事件触发以后，会调用Invoke方法，也就是遍历该TargetedTrigger下的目标元素，在这里是对文本框设置Readonly，对ComboBox设置IsEnabled。这样就有效的实现了UI与逻辑的分离，这个将放在viewmodel中做处理。再往下走我们发现这样一段代码

 
 
    

  1. <Border BorderThickness="1" BorderBrush="Black" Grid.Row="0" Grid.Column="1"  Width="200"> 
    2. 
  
  @H_404_32@
                    <Grid> 

  
  
  2. 
                        <Grid.RowDeFinitions> 

    3. 
  
  @H_404_32@
                            <RowDeFinition Height="Auto"></RowDeFinition> 

  
  
  3. 
                        </Grid.RowDeFinitions> 

    4. 
  
  @H_404_32@
                        <Grid.ColumnDeFinitions> 

  
  
  4. 
                            <ColumnDeFinition Width="Auto"></ColumnDeFinition> 

    5. 
  
  @H_404_32@
                            <ColumnDeFinition Width="*"></ColumnDeFinition> 

  
  
  5. 
                        </Grid.ColumnDeFinitions> 

    6. 
  
  @H_404_32@
                        <Image Source="Images/Windows.png" Opacity="0.7" Grid.Row="0" Grid.Column="0"/> 

  
  
  6. 
                        <TextBox x:Name="txtUserNo" Foreground="Silver" BorderThickness="0" Grid.Row="0" Grid.Column="1" Text="{Binding UserNo,Mode=OneWay}"> 

    7. 
  
  @H_404_32@
                            <i:Interaction.Triggers> 

  
  
  7. 
                               <i:EventTrigger EventName="GotFocus"> 

    8. 
  
  @H_404_32@
                                   <trigger:FocusTrigger></trigger:FocusTrigger> 

  
  
  8. 
                               </i:EventTrigger> 

    9. 
  
  @H_404_32@
                                <i:EventTrigger EventName="LostFocus"> 

  
  
  9. 
                                    <trigger:LostFocusTrigger> 

    10. 
  
  @H_404_32@
                                    </trigger:LostFocusTrigger> 

  
  
  10. 
                                </i:EventTrigger> 

    11. 
  
  @H_404_32@
                            </i:Interaction.Triggers> 

  
  
  11. 
                        </TextBox> 

    12. 
  
  @H_404_32@
                    </Grid> 

  
  
  12. 
                </Border> 

    13.

这段代码是模拟了一个水印文本框效果，在这里使用到了Trigger，一个是FocusTrigger，一个是LostFocusTrigger，结合起来实现水印效果。我们看看这两个Trigger的代码

 
 
    

  1. public class FocusTrigger:TriggerAction<TextBox>  
    2. 
  
  @H_404_32@    {  
  
  
  2. 
        protected override void OnAttached()  

    3. 
  
  @H_404_32@        {  
  
  
  3. 
            base.OnAttached();  

    4. 
  
  @H_404_32@        }  
  
  
  4.  
    5. 
  
  @H_404_32@
        protected override void OnDetaching()  

  
  
  5.         {  
    6. 
  
  @H_404_32@
            base.OnDetaching();  

  
  
  6.         }  
    7. 
  
  @H_404_32@ 
  
  
  7. 
        protected override void Invoke(object parameter)  

    8. 
  
  @H_404_32@        {  
  
  
  8. 
            if (this.Associatedobject.Text.Trim() == "请输入用户名")  

    9. 
  
  @H_404_32@            {  
  
  
  9. 
                this.Associatedobject.Text = string.Empty;  

    10. 
  
  @H_404_32@
                this.Associatedobject.Foreground = new SolidColorBrush(Colors.Black);  

  
  
  10.             }  
    11. 
  
  @H_404_32@        }  
  
  
  11.     } 
    12.

这个是FocusTrigger，文本框获取焦点时，调用Invoke方法。这个时候当文本框的值是“请输入用户名”的时候，就清掉文本框，并且字体前景色设置为黑色。我们再看看LostFocusTrigger的代码

 
 
    

  1. public class LostFocusTrigger : TriggerAction<TextBox>  
    2. 
  
  @H_404_32@    {  
  
  
  2. 
        protected override void OnAttached()  

    3. 
  
  @H_404_32@        {  
  
  
  3. 
            base.OnAttached();  

    4. 
  
  @H_404_32@        }  
  
  
  4.  
    5. 
  
  @H_404_32@
        protected override void OnDetaching()  

  
  
  5.         {  
    6. 
  
  @H_404_32@
            base.OnDetaching();  

  
  
  6.         }  
    7. 
  
  @H_404_32@ 
  
  
  7. 
        protected override void Invoke(object parameter)  

    8. 
  
  @H_404_32@        {  
  
  
  8. 
            if (string.IsNullOrWhiteSpace(this.Associatedobject.Text))  

    9. 
  
  @H_404_32@            {  
  
  
  9. 
                this.Associatedobject.Foreground = new SolidColorBrush(Colors.Gray);  

    10. 
  
  @H_404_32@
                this.Associatedobject.Text = "请输入用户名";  

  
  
  10.             }  
    11. 
  
  @H_404_32@        }  
  
  
  11.     } 
    12.

当文本框失去焦点的时候，如果文本框值为空或者空白，那么文本框的值为“请输入用户名”，前景色改为Gray。OK，我们继续往下看

 
 
    

  1. <ComboBox x:Name="cmbType" Grid.Row="1" Grid.Column="1" 
    2. 
  
  @H_404_32@
                          Background="AliceBlue"   

  
  
  2. 
                          HorizontalAlignment="Left" Margin="2,0"/> 

    3. 
  
  
  3. 
                            </StackPanel> 

    4. 
  
  @H_404_32@
                        </DataTemplate> 

  
  
  4. 
                    </ComboBox.ItemTemplate> 

    5. 
  
  @H_404_32@
                </ComboBox> 

在这里我们使用了ComboBox的项模板，在这里你可以自定义你想要的模版。在这里我放了一个图片和一个文本。如下图所示

怎么样，很不错吧。最后在这列我们重点看看分页。我这可是服务端分页。

 
 
    

  1. <sdk:DataPager x:Name="dataPager" 
    2. 
  
  @H_404_32@
                       Grid.Row="1" BorderThickness="1" 

  
  
  2. 
                       BorderBrush="Black" 

    3. 
  
  @H_404_32@
                       displayMode="FirstLastPrevIoUsNextNumeric" 

  
  
  3. 
                       PageSize="10"> 

    4. 
  
  @H_404_32@
        </sdk:DataPager> 

这个时候我就要把viewmodel的代码贴出来了，否则没法讲述清楚。

 
 
    

  1. namespace MISInfoManage.viewmodels  
    2. 
  
  @H_404_32@{  
  
  
  2. 
    public class UserManageviewmodel : INotifyPropertyChanged  

    3. 
  
  @H_404_32@    {  
  
  
  3. 
        private bool isFirstLoad;  

    4. 
  
  @H_404_32@
        public UserManageView userManageView;  

  
  
  4.         DataPagerTrigger dataPagertrigger;  
    5. 
  
  @H_404_32@
        List<int> list = new List<int>();  

  
  
  5. 
        public UserManageviewmodel()  

    6. 
  
  @H_404_32@        {  
  
  
  6. 
            this.InitData(1, 10);  

    7. 
  
  @H_404_32@        }  
  
  
  7.  
    8. 
  
  @H_404_32@
        public UserManageviewmodel(UserManageView userManageView)  

  
  
  8. 
            : this()  

    9. 
  
  @H_404_32@        {  
  
  
  9. 
            isFirstLoad = true;  

    10. 
  
  @H_404_32@
            this.userManageView = userManageView;  

  
  
  10. 
            this.dataPagertrigger = new DataPagerTrigger(this);  

    11. 
  
  @H_404_32@
            this.AttachTrigger();  

  
  
  11. 
            this.SetTitle();  

    12. 
  
  @H_404_32@
            this.UserNo = "请输入用户名";  

  
  
  12. 
        }  
    13. 
  
  @H_404_32@ 
  
  
  13.         #region property  
    14. 
  
  @H_404_32@ 
  
  
  14. 
       /*此处省略部分代码*/           #endregion  

    15. 
  
  @H_404_32@    
  
  
  15.  
    16. 
  
  
  16.  
    17. 
  
  @H_404_32@        #region method  
  
  
  17.  
    18. 
  
  @H_404_32@
        private void AttachTrigger()  

  
  
  18.         {  
    19. 
  
  @H_404_32@
            this.dataPagertrigger.Attach(this.userManageView.dataPager);  

  
  
  19.         }  
    20. 
  
  @H_404_32@ 
  
  
  20. 
        private void SetTitle()  

    21. 
  
  @H_404_32@        {  
  
  
  21. 
            Image image = new Image();  

    22. 
  
  @H_404_32@
            image.source = new BitmapImage(new Uri("../Images/drag.png", UriKind.Relative));  

  
  
  22.             image.Height = 30;  
    23. 
  
  @H_404_32@            image.Width = 20;  
  
  
  23. 
            TextBlock textBlock = new TextBlock();  

    24. 
  
  @H_404_32@
            textBlock.Margin = new Thickness(5, 0, 0);  

  
  
  24. 
            textBlock.Text = "用户管理";  

    25. 
  
  @H_404_32@            textBlock.FontSize = 14;  
  
  
  25.             textBlock.FontWeight = FontWeights.Bold;  
    26. 
  
  @H_404_32@
            StackPanel stackPanel = new StackPanel();  

  
  
  26.             stackPanel.Orientation = Orientation.Horizontal;  
    27. 
  
  @H_404_32@
            stackPanel.Background = new RadialGradientBrush(Colors.Gray, Colors.brown);  

  
  
  27. 
            stackPanel.Width = this.userManageView.Width;  

    28. 
  
  @H_404_32@            stackPanel.Children.Add(image);  
  
  
  28.             stackPanel.Children.Add(textBlock);  
    29. 
  
  @H_404_32@
            this.userManageView.Title = stackPanel;  

  
  
  29.         }  
    30. 
  
  @H_404_32@ 
  
  
  30. 
        private void GetUserList(UserRequest request, EventHandler<GetUserListCompletedEventArgs> callback)  

    31. 
  
  @H_404_32@        {  
  
  
  31. 
            UserManageService.UserManageServiceClient client = new UserManageServiceClient();  

    32. 
  
  @H_404_32@            client.GetUserListCompleted += callback;  
  
  
  32.             client.GetUserListAsync(request);  
    33. 
  
  @H_404_32@        }  
  
  
  33.  
    34. 
  
  @H_404_32@
       /*此处省略部分代码*/    

  
  @H_404_32@    
  
  @H_404_32@ 
  
  @H_404_32@
        private void GetUserPagedCollection(int totalCount)  

  
  
  34.         {  
    35. 
  
  @H_404_32@            list.Clear();  
  
  
  35. 
            for (int i = 0; i < totalCount; i++)  

    36. 
  
  @H_404_32@            {  
  
  
  36.                 list.Add(i);  
    37. 
  
  @H_404_32@            }  
  
  
  37. 
            PagedCollectionView pagedCollectionView = new PagedCollectionView(list);  

    38. 
  
  @H_404_32@
            this.userManageView.dataPager.source = pagedCollectionView;  

  
  
  38. 
            isFirstLoad = false;  

    39. 
  
  @H_404_32@        }  
  
  
  39.  
    40. 
  
  @H_404_32@
        public void GetDataByPage(int pageIndex, int pageSize)  

  
  
  40.         {  
    41. 
  
  @H_404_32@
            UserRequest userRequest = new UserRequest()  

  
  
  41.             {  
    42. 
  
  @H_404_32@                PageIndex = pageIndex, 
  
  
  42.                 PageSize = pageSize  
    43. 
  
  @H_404_32@            };  
  
  
  43. 
            this.GetUserList(userRequest, (obj, args) =>  

    44. 
  
  @H_404_32@            {  
  
  
  44. 
                if (args.Error == null)  

    45. 
  
  @H_404_32@                {  
  
  
  45. 
                    this.UserResponse = args.Result;  

    46. 
  
  @H_404_32@
                    this.UserList = userResponse.UserList;  

  
  
  46. 
                    if (isFirstLoad)  

    47. 
  
  @H_404_32@                    {  
  
  
  47. 
                        this.GetUserPagedCollection(this.UserResponse.RecordCount);  

    48. 
  
  @H_404_32@                    }  
  
  
  48.                 }  
    49. 
  
  @H_404_32@            });  
  
  
  49.         }  
    50. 
  
  @H_404_32@ 
  
  
  50. 
        private void InitData(int pageIndex, int pageSize)  

    51. 
  
  @H_404_32@        {  
  
  
  51. 
            this.GetDataByPage(pageIndex,pageSize);  

    52. 
  
  @H_404_32@
            this.GetUserStateList();  

  
  
  52. 
            this.GetUserTypeList();  

    53. 
  
  @H_404_32@
        }  
  
  
  53.  
    54. 
  
  @H_404_32@        #endregion  
  
  
  54.  
    55. 
  
  @H_404_32@
        /*此处省略部分代码*/       }  

  
  @H_404_32@    
  
  @H_404_32@ 
  
  
  55. } 
    56.

在viewmodel的代码中，我们发现了这样一段代码

 
 
    

  1. this.dataPagertrigger = new DataPagerTrigger(this);  
    2. 
  
  @H_404_32@
           this.AttachTrigger(); 

 
 
 
 
    

  1. private void AttachTrigger()  
    2. 
  
  @H_404_32@       {  
  
  
  2. 
           this.dataPagertrigger.Attach(this.userManageView.dataPager);  

    3. 
  
  @H_404_32@       } 

这段代码就是在初始化viewmodel的时候，将dataPager控件附加给dataPagertrigger。我们看看dataPagertrigger代码

 
 
    

  1. public class DataPagerTrigger : TriggerBase<UIElement>  
    2. 
  
  @H_404_32@    {  
  
  
  2. 
        public UserManageviewmodel userManageviewmodel;  

    3. 
  
  @H_404_32@
        public DataPagerTrigger(UserManageviewmodel userManageviewmodel)  

  
  
  3.         {  
    4. 
  
  @H_404_32@
            this.userManageviewmodel = userManageviewmodel;  

  
  
  4.         }  
    5. 
  
  @H_404_32@ 
  
  
  5. 
        protected override void OnAttached()  

    6. 
  
  @H_404_32@        {  
  
  
  6. 
            base.OnAttached();  

    7. 
  
  @H_404_32@
            if (this.Associatedobject is DataPager)  

  
  
  7.             {  
    8. 
  
  @H_404_32@
                (this.Associatedobject as DataPager).PageIndexChanged += this.PageIndexChanged;  

  
  
  8.             }  
    9. 
  
  @H_404_32@        }  
  
  
  9.  
    10. 
  
  @H_404_32@
        protected override void OnDetaching()  

  
  
  10.         {  
    11. 
  
  @H_404_32@
            base.OnDetaching();  

  
  
  11. 
            if (this.Associatedobject is DataPager)  

    12. 
  
  @H_404_32@            {  
  
  
  12. 
                (this.Associatedobject as DataPager).PageIndexChanged -= this.PageIndexChanged;  

    13. 
  
  @H_404_32@            }  
  
  
  13.         }  
    14. 
  
  @H_404_32@ 
  
  
  14. 
        private void PageIndexChanged(object sender, EventArgs e)  

    15. 
  
  @H_404_32@        {  
  
  
  15. 
            DataPager dataPager = sender as DataPager;  

    16. 
  
  @H_404_32@
            this.userManageviewmodel.GetDataByPage(dataPager.PageIndex, dataPager.PageSize);  

  
  
  16.         }  
    17. 
  
  @H_404_32@    } 

这个类继承自TriggerBase，我们给其注册了一个PageIndexChanged 事件，当DataPager控件页码变化时，调用PageIndexChanged方法，在这个方法里调用userManageviewmodel的GetDataByPage方法。在GetDataByPage方法中先获取用户列表，判断如果是第一次加载，就给 DataPager控件附一个PagedCollectionView类型的一个source，在这里通过模拟，可以有效的进行分页，因为目前我发现这个分页控件只能客户端分页。所以模拟一个List<int>，它的总条数==表的总记录。这样就实现了服务端分页，如果谁想要源码，可以加入群205217091。我们看看分页的效果

最后大家可能注意到弹出界面的Title和以前的不一样，这里你可以自定义，如viewmodel中的SetTitle方法。好了，时间不早了，洗洗睡！

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。

相关推荐

c# – 如何在Silverlight 4中绑定ContextMenu的IsEnabled属性？
如何在Silverlight4(XAML)中绑定IsEnabled属性？我试过简单的IsEnabled=“{BindingABC}”,但这不起作用–MenuItem总是启用.提前感谢您的线索！干杯编辑：有趣的是,当设置Mode=TwoWay时,绑定似乎有效.但是,在菜单项上...
c# – 使用Silverlight / windows手机式控件设置我的.Net桌面应用程序GUI
我正在编写我的第一个vb.net应用程序(但我也会在这里标记c#,因为我确信即使是一个c#人也可以使用类似的.net实现来回答这个问题).我申请的简短说明：我的桌面应用程序将仅在win平台上运行,使用vb.net,它是一个简单的网...
c# – Silverlight：将服务调用和文件处理移动到后台线程
ProcessFile()是在UIThread上运行还是在单独的线程上运行.如果它在UIThread上,如何将文件请求和ProcessFile()移动到单独的线程？varxClient=newServiceReference1.Service1SoapClient();xClient.Retrieve_File_Compl...
c# – 如何从ASP.NET / Silverlight开发人员成为sharepoint开发人员？
我从同行那里听说,对sharepoint的了解对职业生涯有益.我们不在办公室使用sharepoint.所以不知道如何开始.这些是我的新手问题>学习共享点值得努力吗？>学习sharepoint的资源在哪里？>我是否应该考虑开发哪些...
c# – Windows Phone 8 – 将列表保存到IsolatedStorage
我正在尝试保存一个类我的类对象的集合.我收到一个错误说明：Thecollectiondatacontracttype‘System.Collections.Generic.Listcannotbedeserializedbecauseitdoesnothaveapublicparameterlessconstructor.Addingapu...
c# – 在XAML中使用绑定设置样式
我需要根据Silverlight中的某些配置值设置给定控件的Style.我想有可能从两种可用的样式(静态资源)中选择一个控件样式.我试图做一些像：<TextBoxStyle="{BindingABC}"/>哪里publicstringABC{get{retu...
Android设备上的Silverlight / Moonlight
我刚买了第一台Android设备,我喜欢它…我也很喜欢你可以创建自己的应用程序并随意分发它们.我已经阅读了一些关于Monodroid的内容,而且显然微软希望将Silverlight放在这些设备上,尽管没有太多关于它们的信息……但是M...
c# – 从silverlight应用程序访问SQL Server数据库
我们的ASP.NET网站允许用户执行各种查询,并根据从数据库查询的结果显示网络图(如UML图).目前,我们正在生成一个位图并显示它.但由于我们需要支持允许用户以交互方式显示/隐藏某些块的功能,因此我们计划使用Silverligh...
c# – 自定义Silverlight启动画面导致白屏死机
我正在开发一个Silverlight4应用程序,我已经创建了一个自定义的启动画面.乍一看,自定义启动画面运行良好–非常好.几天后,我开始注意到闪屏不再显示,屏幕仍然是空白.这似乎只发生在我打开多个指向同一个应用程序的IE选...
c# – 使用带偏移的RotateTransform问题旋转图像
这是我的XAML：<ImageVerticalAlignment="Center"HorizontalAlignment="Center"Source="{BindingInput,Converter={StaticResourceByteArrayToBitmapConverter}}"><Image.Ren...
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native