MVVM模式应用 之加载Pivot的数据

在Pivot布局里，在进入页面时，不想页面数据全部加载，而是移动到哪个privotItem，加载那个privotItem的值。

这时我们先给pivot绑定一个command。

<phone:Pivot x:Name="pivot">
         <phone:Pivot.Title>
             <TextBlock Text="{Binding Path=PageName}"/>
         </phone:Pivot.Title>
         <i:Interaction.Triggers>
         　　 <i:EventTrigger EventName="SelectionChanged">
                    <Command:EventToCommand Command="{Binding GetInfoCommand}" CommandParameter="{Binding Path=SelectedIndex, ElementName=pivot}"/>
          　　</i:EventTrigger>
         </i:Interaction.Triggers>
 </phone:Pivot>

然后，在MainViewModel定义一个Command：

private RelayCommand<int> getInfoCommand;
        public RelayCommand<int> GetInfoCommand
        {
            get
            {
                return getInfoCommand?? (getInfoCommand= new RelayCommand<int>((x) =>
                {
                   //在此填写要执行的操作或某个函数比如GetDetailInfo(SelectedIndex);
比如                }));
            }
        }

这时你会发现：刚进入页面是，第一个pivotItem没有数据，只有改变了SelectedIndex,数据才会加载。该怎么解决呢？

我是这么办的，在MainViewModel里面首先执行GetDetailInfo(0);

这样就OK了。

另外，需要注意，如果这样写的话，会出现每次改变PivotItem时都会加载数据，可以判定一下，在该页面加载一次就可以了？？？？

另外，在博客园看到一博友写的另外一种方法：如下：

双向绑定piovt的SelectIndex，

<phone:Pivot x:Name="pivot" SelectedIndex="{Binding Path= PivotSelectedIndex,Mode=TwoWay}">
     .......
</phone:Pivot>

public int PivotSelectedIndex
        {
            get
            {
                return pivotSelectedIndex;
            }
            set
            {
                if (pivotSelectedIndex != value)
                {
                    this.GetFlightInfo(this._landType, this._upDown, value.ToString());
                }
                pivotSelectedIndex = value;
                RaisePropertyChanged("PivotSelectedIndex");
            }
        }