listview单元格未使用数据绑定进行更新

时间:2017-05-13 19:14:10

标签: listview xamarin data-binding xamarin.forms listviewitem

我绑定了项目来源和数据。数据确实发生了变化,但UI并未反映出这些变化。

我注意到,只要调用TestUpdateCellSetProperty(ref items, value)也不会调用。但是如果我在TestUpdateCell

的末尾添加这些语句
var temp = Items;
Items = new List<Item>();
Items = temp;

SetProperty(ref items, value)是通话,但用户界面并未反映更改。

另外,我尝试使用ObservableCollection而不是List并使用Xamarin的文档https://developer.xamarin.com/guides/xamarin-forms/xaml/xaml-basics/data_bindings_to_mvvm/

编辑包含解决方案(Gerald Versluis提出的解决方案)

解决方案:项目类

public class Item : MvvmHelpers.ObservableObject
    {           
        string name;
        public string Name      
        {
            get { return name; }
            set { SetProperty(ref name, value); }
        }
    }

问题:项目类:

public class Item : MvvmHelpers.ObservableObject
    {
        public string Name { get; set; }
    }

项目数据类:

public class ItemData : List<Item>
{
    public ItemData()
    {
        Add(new Item
        {
            Name = "Item One"
        });

        Add(new Item
        {
            Name = "Item Two"
        });

        Add(new Item
        {
            Name = "Item Three"
        });
    }
}

查看型号:

public class ItemViewModel : MvvmHelpers.BaseViewModel
    {
        public ItemViewModel()
        {
            Items = new ItemData();
        }

        List<Item> items;
        public List<Item> Items
        {
            get { return items; }
            set { SetProperty(ref items, value); }
        }

        public void TestUpdateCell()
        {
            Items[0].Name = "Item One Updated";
        }
    }

项目页面cs:

    public class ItemPage : ContentPage
    {
        ItemViewModel ivm;
        public ItemPage()
        {
            BindingContext = ivm = new ItemViewModel();
        }

        void ItemTapped(object sender, ItemTappedEventArgs e)
        {       
            ivm.TestUpdateCell();
        }
}

itempage.XAML:

ListView
    ItemsSource="{Binding Items}"
    ItemTapped="ItemTapped"  >
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <view:MyItemView/>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView

MyItemView:

<ContentView
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:local="clr-namespace:MyProject;assembly=MyProject"
    x:Class="MyProject.MyItemView">
    <local:CardFrame 
        IsClippedToBounds="True"
        HasShadow="True" >
        <StackLayout 
            Spacing="0"
            Orientation="Horizontal">
            <Grid 
                RowSpacing="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <local:MyLabel 
                    Grid.Row="0"
                    Grid.Column="0"
                    Grid.ColumnSpan="4"
                    FontSize="18"
                    FontAttributes="Bold"
                    Text="{Binding Name}"/>
                <!-- omitted rows and columns -->
            </Grid>
        </StackLayout>
    </local:CardFrame>
</ContentView> 

1 个答案:

答案 0 :(得分:1)

如果我看得正确,您现在已经在列表中使用项目实现了属性更改机制。您想在项目中更改值

Item类中实现已更改的属性(也)。

如果要动态添加和删除单元格,请将它们放在ObservableCollection中。但是又一次;重要的是要注意这里;只观察列表本身的变化,而不是列表项目内的变化。