У меня есть DataForm, для которого я установил видимость определенных полей данных, которые должны быть свернуты, и когда пользователь выбирает параметр из ComboBox, определенные поля данных должны снова становиться видимыми.
В основном (грубым псевдокодом).
OnComboBoxChange =
if this.index = 1 then
DataForm.Fields[1].Visibility = Visible
else
DataForm.Fields[2].Visibility = Visible
Бонусные баллы за ответ, применимый к шаблону MVVM.
Вот пример использования MVVM, который избегает кодового отставания (спорный MVVM no-no):
<UserControl>
<StackPanel>
<ComboBox x:Name="comboBox" SelectionChanged="comboBox_SelectionChanged"/>
<StackPanel Orientation="Horizontal" Visibility="{Binding IsFirstFormShown}">
<TextBlock Text="First: "/>
<TextBox/>
</StackPanel>
<StackPanel Orientation="Horizontal" Visibility="{Binding IsSecondFormShown}">
<TextBlock Text="Second: "/>
<TextBox/>
</StackPanel>
</StackPanel>
</UserControl>
Итак, вот ваша ViewModel,
public class MyFormViewModel : INotifyPropertyChanged
{
private System.Windows.Visibility _isFirstShown;
public System.Windows.Visibility IsFirstFormShown
{
get { return _isFirstShown; }
set
{
_isFirstShown = value;
if (PropertyChanged != null )
{
PropertyChanged(this, new PropertyChangedEventArgs(value));
}
}
}
//TODO: implement the other property (writing code in this edit window makes me tired)
//hopefully you get the picture here...
}
Довольно просто. Я бы, наверное, попробовал называть свои свойства как-нибудь больше «Модель», а не «Вид», но это соглашение не совсем неуместно.
В контексте настройки шаблона MVVM видимость элементов управления, насколько я могу судить, принадлежит представлению. Во всяком случае, ваш псевдокод более или менее выполняет свою работу. Вот несколько более конкретных фрагментов:
<UserControl>
<StackPanel>
<ComboBox x:Name="comboBox" SelectionChanged="comboBox_SelectionChanged"/>
<StackPanel x:Name="firstPanel" Orientation="Horizontal">
<TextBlock Text="First: "/>
<TextBox/>
</StackPanel>
<StackPanel x:Name="secondPanel" Orientation="Horizontal">
<TextBlock Text="Second: "/>
<TextBox/>
</StackPanel>
</StackPanel>
</UserControl>
и
public partial class MainPage : UserControl {
public MainPage() {
InitializeComponent();
this.comboBox.ItemsSource = new String[] { "First", "Second" };
this.comboBox.SelectedIndex = 0;
}
void comboBox_SelectionChanged(Object sender, SelectionChangedEventArgs e) {
ShowPanel((String) this.comboBox.SelectedItem);
}
void ShowPanel(String name) {
if (name == "First") {
this.firstPanel.Visibility = Visibility.Visible;
this.secondPanel.Visibility = Visibility.Collapsed;
}
else {
this.firstPanel.Visibility = Visibility.Collapsed;
this.secondPanel.Visibility = Visibility.Visible;
}
}
}
