[英]Xamarin form update listView itemSource
Ok I have a ListView
object which have a List<Filiale>
as ItemSource
and I'd like to refresh the ItemSource
whenever the list of object change.好的,我有一个ListView
对象,它有一个List<Filiale>
作为ItemSource
并且我想在对象列表更改时刷新ItemSource
。 The ListView has a personalized ItemTemplate
For now I have done this: ListView 有一个个性化的ItemTemplate
现在我已经做到了:
public NearMe ()
{
list=jM.ReadData ();
listView.ItemsSource = list;
listView.ItemTemplate = new DataTemplate(typeof(FilialeCell));
searchBar = new SearchBar {
Placeholder="Search"
};
searchBar.TextChanged += (sender, e) => {
TextChanged(searchBar.Text);
};
var stack = new StackLayout { Spacing = 0 };
stack.Children.Add (searchBar);
stack.Children.Add (listView);
Content = stack;
}
public void TextChanged(String text){
//DOSOMETHING
list=newList;
}
As you can see in the TextChanged method I assign a new list to the previous one but there are no changes in the view.正如您在 TextChanged 方法中看到的,我为前一个列表分配了一个新列表,但视图中没有任何更改。 In the ViewCell
that I created I assign the Text field of the Labels with the SetBinding
在ViewCell
我创建我指定标签的文本字段与SetBinding
You can set the ItemsSource of the ListView to null, and then set it back again, that does a table reload.您可以将 ListView 的 ItemsSource 设置为 null,然后再次将其设置回来,这样会重新加载表。 http://forums.xamarin.com/discussion/18868/tableview-reloaddata-equivalent-for-listview http://forums.xamarin.com/discussion/18868/tableview-reloaddata-equivalent-for-listview
Ok here is how I solved the problem, first of all I created a "wrapper" that implement INotifyPropertyChanged
for the list that I was taking as ItemSource like this :好的,这是我解决问题的方法,首先我创建了一个“包装器”,它为我作为 ItemSource 的列表实现了INotifyPropertyChanged
,如下所示:
public class Wrapper : INotifyPropertyChanged
{
List<Filiale> list;
JsonManager jM = new JsonManager ();//retrieve the list
public event PropertyChangedEventHandler PropertyChanged;
public NearMeViewModel ()
{
list = (jM.ReadData ()).OrderBy (x => x.distanza).ToList();//initialize the list
}
public List<Filiale> List{ //Property that will be used to get and set the item
get{ return list; }
set{
list = value;
if (PropertyChanged != null)
{
PropertyChanged(this,
new PropertyChangedEventArgs("List"));// Throw!!
}
}
}
public void Reinitialize(){ // mymethod
List = (jM.ReadData ()).OrderBy (x => x.distanza).ToList();
}
Then in the NearMe class:然后在 NearMe 类中:
Wrapper nearMeVM = new Wrapper();
public NearMe ()
{
Binding myBinding = new Binding("List");
myBinding.Source = nearMeVM;
myBinding.Path ="List";
myBinding.Mode = BindingMode.TwoWay;
listView.SetBinding (ListView.ItemsSourceProperty, myBinding);
listView.ItemTemplate = new DataTemplate(typeof(FilialeCell));
searchBar = new SearchBar {
Placeholder="Search"
};
searchBar.TextChanged += (sender, e) => {
TextChanged(searchBar.Text);
};
var stack = new StackLayout { Spacing = 0 };
stack.Children.Add (searchBar);
stack.Children.Add (listView);
Content = stack;
}
public void TextChanged(String text){
if (!String.IsNullOrEmpty (text)) {
text = text [0].ToString ().ToUpper () + text.Substring (1);
var filterSedi = nearMeVM.List.Where (filiale => filiale.nome.Contains (text));
var newList = filterSedi.ToList ();
nearMeVM.List = newList.OrderBy (x => x.distanza).ToList ();
} else {
nearMeVM.Reinitialize ();
}
You can define a base view model and inherit it from INotifyPropertyChanged您可以定义一个基本视图模型并从 INotifyPropertyChanged 继承它
public abstract class BaseViewModel : INotifyPropertyChanged
{
protected bool ChangeAndNotify<T>(ref T property, T value, [CallerMemberName] string propertyName = "")
{
if (!EqualityComparer<T>.Default.Equals(property, value))
{
property = value;
NotifyPropertyChanged(propertyName);
return true;
}
return false;
}
protected void NotifyPropertyChanged([CallerMemberName] string propertyName = "")
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
public event PropertyChangedEventHandler PropertyChanged;
}
then in your viewmodel (Ex. JM) will be inherit from BaseViewModel
and can create ObservableCollection<YOURLISTCLASS>
List然后在您的视图模型(例如 JM)中将从BaseViewModel
继承并且可以创建ObservableCollection<YOURLISTCLASS>
列表
Also your fields in ViewModel (Ex. JM) should implement like following:此外,您在 ViewModel(例如 JM)中的字段应实现如下:
public const string FirstNamePropertyName = "FirstName";
private string firstName = string.Empty;
public string FirstName
{
get { return firstName; }
set { this.ChangeAndNotify(ref this.firstName, value, FirstNamePropertyName); }
}
Hope this helps.希望这可以帮助。
将 List 更改为 ObservableCollection 并实施 INotifyPropertyChanged 以使更改反映在您的 ListView 中。
只需将您的System.Collections.Generic.List
转换为System.Collections.ObjectModel.ObservableCollection
然后再将其绑定到ListView
。
Here is my current implementation of this pattern extracted from an app I'm working on, as concisely as I could make it.这是我从我正在开发的应用程序中提取的此模式的当前实现,尽可能简洁。
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace MyNamespace
{
// This base view model takes care of implementing INotifyPropertyChanged
// In your extended View Model classes, use SetValue in your setters.
// This will take care of notifying your ObservableCollection and hence
// updating your UI bound to that collection when your view models change.
public abstract class BaseViewModel : INotifyPropertyChanged
{
protected void SetValue(ref T backingField, T value, [CallerMemberName] string propertyName = null)
{
if (EqualityComparer.Default.Equals(backingField, value)) return;
backingField = value;
OnPropertyChanged(propertyName);
}
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
// Using MvvM, this would likely be a View Model class.
// However, it could also be a simple POCO model class
public class MyListItem : BaseViewModel
{
private string _itemLabel = "List Item Label";
public string Label
{
get => _itemLabel;
set => SetValue(ref _itemLabel, value);
}
}
// This is your MvvM View Model
// This would typically be your BindingContext on your Page that includes your List View
public class MyViewModel : BaseViewModel
{
private ObservableCollection _myListItemCollection
= new ObservableCollection();
public ObservableCollection MyListItemCollection
{
get { return _myListItemCollection; }
set => SetValue(ref _myListItemCollection, value);
}
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.