【问题标题】:Cascading Picker inXamarin Forms MVVMXamarin Forms MVVM 中的级联选择器
【发布时间】:2021-06-29 10:01:21
【问题描述】:

我有一个问题,如何制作一个级联选择器来链接所选城市中的所有州?

此代码检索所有城市和州,但我想不通的一件事是如何获取选定的城市值并将其与州同步。

这是视图模型

public class MyViewModel : BaseViewModel
    {  
public async void GetCities()
        {
            using (var client = new HttpClient())
            {
                var uri = Constants.BaseApiAddress + "api/GetCities";
                var result = await client.GetStringAsync(uri);
                var CitiesList= JsonConvert.DeserializeObject<List<CityModel>>(result);
                Cities = new ObservableCollection<CityModel>(CitiesList);
            }
        }

        public async void GetStates()
        {
            using (var client = new HttpClient())
            {
                var uri = Constants.BaseApiAddress + "api/GetStates";
                var result = await client.GetStringAsync(uri);
                var StatesList= JsonConvert.DeserializeObject<List<StateModel>>(result);
                States = new ObservableCollection<StateModel>(StatesList);
            }
        }

StateModel _selectedState;
        public StateModel SelectedState
        {
            get
            {
                return _selectedState;
            }
            set
            {
                if (SelectedState!= value)
                {
                    _selectedState = value;
                    OnPropertyChanged();
                }
            }
        }
CityModel _selectedCity;
        public CityModel SelectedCity
        {
            get
            {
                return _selectedCity;
            }
            set
            {
                if (SelectedCity != value)
                {
                    _selectedCity = value;

                    OnPropertyChanged();
                }
            }
        }
 }

这是 XAML

<Picker x:Name="CityPicker" Title="Select City"
                    ItemsSource="{Binding Cities}" 
                    ItemDisplayBinding="{Binding City}" 
                    SelectedItem="{Binding SelectedCity}" />

            <Picker x:Name="StatePicker" Title="Select State"
                    ItemsSource="{Binding States}" 
                    ItemDisplayBinding="{Binding State}" 
                    SelectedItem="{Binding SelectedState}" />

【问题讨论】:

  • “所选城市中的所有州” - 我认为您对它的工作原理有一个根本的误解,除非这是一个错字。也就是说,只要设置了SelectedState,只需更新Cities 属性以仅包含该州的城市。

标签: c# xamarin.forms mvvm picker cascadingdropdown


【解决方案1】:

只需更新SelectedState setter 中的Cities 属性:

        public StateModel SelectedState
        {
            get
            {
                return _selectedState;
            }
            set
            {
                if (SelectedState!= value)
                {
                    _selectedState = value;
                    OnPropertyChanged();
                   if (value != null)
                        //Cities =  RetrieveCitiesByState((CityModel) value); //update Cities according to the new selected State (value)
                }
            }
        }

【讨论】:

  • 我更新了代码,请你看看,因为我不明白你从哪里得到这个方法 RetrieveCitiesByState ((CityModel)
  • 我只是放了一个虚拟方法名称,因为您的问题没有包含详细信息,我无法确切说明您的 api 是如何工作的,但基于GetCities() 似乎它返回所有城市无论是什么选定的州,如果这是真的,那么您需要修改后端 api 以根据您发送的州模型参数返回城市,它应该只返回该州的城市。
猜你喜欢
  • 2018-02-02
  • 1970-01-01
  • 2019-03-02
  • 1970-01-01
  • 2018-03-10
  • 1970-01-01
  • 2021-07-12
  • 2019-08-05
  • 2017-11-16
相关资源
最近更新 更多