c# - Xamarin 选择器绑定
问题描述
我是否遗漏了什么,或者还有更多我没有得到的东西。我正在开发一个移动应用程序,并且必须使用选择器从数据表中进行选择。首先,我有许多基于键/值的选择器。我有一个内部 ID 和相应的 Show 值。ID 并不总是具有 1、2、3 值,例如源自查找表,并且可能具有以下内容
KeyID / ShowValue
27 = Another Thing
55 = Many More
12 = Some Item
检索起来很简单
select * from LookupTable where Category = 'demo'
所以我在下面有这个类,用于通过记录列表绑定选择器
public class CboIntKeyValue
{
public int KeyID { get; set; } = 0;
public string ShowValue { get; set; } = "";
}
现在,我尝试绑定的数据记录只有与查找关联的 ID 列。无需陷入 xaml,但总的来说,我有我的 ViewModel。在这上面,我有一个包含 ID 列的数据记录实例。
public class MyViewModel : BindableObject
{
public MyViewModel()
{
// Sample to pre-load list of records from data server of KVP
PickerChoices = GetDataFromServerForDemo( "select * from LookupTable where Category = 'demo'" );
ShowThisRecord = new MyDataRec();
// for grins, I am setting the value that SHOULD be defaulted
// in picker. In this case, ID = 12 = "Some Item" from above
ShowThisRecord.MyID = 12;
}
// this is the record that has the "ID" column I am trying to bind to
public MyDataRec ShowThisRecord {get; set;}
// The picker is bound to this list of possible choices
public List<CboIntKeyValue> PickerChoices {get; set;}
}
我无法绑定到列表的索引,因为这会给我 0、1、2,而我希望相应的“ID”成为列表中正确记录的基础。
在 WPF 中,我过去,能够为屏幕声明 SHOW 值,也可以将 BIND VALUE 声明到 ID 列中,类似。因此,我的“ShowThisRecord”上的 INT 属性的绑定将驱动并正确刷新。
我可以看到 SelectedItem 的绑定,但这是 KVP 类的整个项目,它不是 MyDataRec 的一部分。只有 ID 是它们之间的共同元素。
任何人都可以帮助指导我正确绑定以使其正常工作。
<Picker ItemDisplayBinding="{Binding ShowValue}"
SelectedItem="{Binding ???}" />
只是为了确认我的记录绑定是合法的,我的页面具有与 MyViewModel 的绑定上下文,因为我可以通过我添加到页面的示例文本条目正确地查看 ID。
<Entry Text="{Binding Path=ShowThisRecord.MyID}"/>
谢谢
解决方案
我创建了一个演示来测试您的代码,它可以正常工作。完整的演示在这里。我还添加了一个功能来验证所选项目。
如果你想SelectedItem
同步获取对象,MyViewModel 应该是实现INotifyPropertyChanged
的,我为它创建了一个 selectedRecord
字段SelectedItem
,所以你可以这样做:
public class MyViewModel :ViewModelBase
{
public MyViewModel()
{
// Sample to pre-load list of records from data server of KVP
//PickerChoices = GetDataFromServerForDemo("select * from LookupTable where Category = 'demo'");
PickerChoices = new ObservableCollection<TestModel>() {
new TestModel{ MyID = 5,ShowValue="test1" }, new TestModel{ MyID = 9,ShowValue="test2" },
new TestModel{ MyID = 18,ShowValue="test18" }, new TestModel{ MyID = 34,ShowValue="test4" }
};
// set the default selected item
// foreach (TestModel model in PickerChoices) {
// if (model.MyID == 18) {// default value
// SelectedRecord = model;
// break;
// }
// }
ShowThisRecord = new TestModel();
// for grins, I am setting the value that SHOULD be defaulted
// in picker. In this case, ID = 12 = "Some Item" from above
ShowThisRecord.MyID = 12;
}
// this is the record that has the "ID" column I am trying to bind to
public TestModel ShowThisRecord { get; set; }
//*****************************************
TestModel selectedRecord; //selected item object
public TestModel SelectedRecord
{
get { return selectedRecord; }
set
{
if (selectedRecord != value)
{
selectedRecord = value;
OnPropertyChanged();
}
}
}
//*****************************************
// The picker is bound to this list of possible choices
public ObservableCollection<TestModel> PickerChoices { get; set; }
}
班级ViewModelBase
public class ViewModelBase: INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
{
handler(this, new PropertyChangedEventArgs(propertyName));
}
}
}
和xaml
<Picker Title="Select a value" x:Name="mypicker"
ItemsSource="{Binding Path= PickerChoices}"
SelectedItem="{Binding SelectedRecord}"
ItemDisplayBinding="{Binding MyID}"/>
xml.cs
public partial class MainPage : ContentPage
{
ObservableCollection<TestModel> items = new ObservableCollection<TestModel>();
MyViewModel testModel = null;
public MainPage()
{
InitializeComponent();
testModel = new MyViewModel();
BindingContext = testModel;
//This will also work
//if (testModel!=null && testModel.PickerChoices!=null) {
// for (int index=0;index< testModel.PickerChoices.Count;index++ ) {
// TestModel temp = testModel.PickerChoices[index];
// if (18 == temp.MyID) {
// mypicker.SelectedIndex = index;
// break;
// }
// }
//}
foreach (TestModel model in testModel.PickerChoices)
{
if (model.MyID == 18)
{// default value
testModel.SelectedRecord = model;
break;
}
}
}
// to show the selected item
private void Button_Clicked(object sender, EventArgs e)
{
if (testModel.SelectedRecord!=null) {
DisplayAlert("Alert", "selected Item MyID : " + testModel.SelectedRecord.MyID + "<--> ShowValue: " + testModel.SelectedRecord.ShowValue, "OK");
}
}
}
结果是:
推荐阅读
- apache-spark - 使用 Spark 作为执行引擎时如何禁用 Hive shell 上的日志?
- php - Wordpress 多站点 URL 重写 htaccess
- python-3.x - 从更改 qtablewidget 获取更改的组合框
- laravel - 重定向到用户在身份验证之前所在的位置 - 但需要注册
- javascript - JavaScript:比较两个对象
- javascript - 停止后调用间隔
- elasticsearch - elasticsearch _update_by_query 有冲突 = 继续
- c# - C#属性方法的使用
- c++ - socket.io 为什么断言(假)
- python - Errbot 自然语言处理