Привязка ItemsSource и IsChecked к MenuItem для получения списка проверяемых элементов в WPF - PullRequest
Новая
       24

Привязка ItemsSource и IsChecked к MenuItem для получения списка проверяемых элементов в WPF

5 голосов
/ 25 июня 2010

Я пытаюсь настроить MenuItem, который будет иметь подменю номеров страниц, которые можно выбрать. Я хочу связать ItemsSource со списком номеров страниц (фактически с PageCount с конвертером, создающим список), а затем связать свойство IsChecked каждого MenuItem в подменю с PageIndex. Моя проблема связана со вторым связыванием, поскольку для него тоже требуется конвертер, но этому конвертеру нужно знать номер страницы, который представляет MenuItem, но я не могу понять, как передать эту информацию конвертеру. Вот что я пробовал до сих пор. 

<MenuItem Header="_Goto Page" 
          ItemsSource="{Binding 
                        Path=CurrentImage.PageCount, 
                        Converter={StaticResource countToList}}">
    <MenuItem.ItemContainerStyle>
        <Style TargetType="MenuItem">
            <Setter Property="IsCheckable" 
                    Value="True"/>
            <Setter Property="IsChecked" 
                    Value="{Binding 
                            ElementName=MainWindow,
                            Path=CurrentImage.PageIndex, 
                            Mode=TwoWay,
                            Converter={StaticResource pageNumChecked},
                            ConverterParameter={Binding 
                                                RelativeSource={RelativeSource Self}, 
                                                Path=Content}}"/>
        </Style>
    </MenuItem.ItemContainerStyle>
</MenuItem>

Конечно, проблема в том, что ConverterParameter нельзя связать, поскольку это не DependencyProperty. Поэтому мой вопрос заключается в том, как я могу передать необходимую информацию или есть другой способ сделать это.

Примечание: я уже пытался поместить MenuItem в ListBox, который работал очень хорошо с точки зрения привязок, но заставлял подменю вести себя нестандартным образом. То есть при открытии подменю весь ListBox обрабатывался как один MenuItem.

Редактировать

Итак, вот что я получил до сих пор. Я попытался связать со скрытым ListBox, но когда я связал MenuItem.ItemsSource с «ListBox.Items», я получил список int s вместо списка ListBoxItem s, который мне нужен для получения IsSelected имущество. В итоге я использовал предложение Quartermeister использовать MultiBinding, чтобы привязать свойство IsChecked к режиму PageIndex в режиме OneWay. Для обработки в другом направлении я использовал обработчик события Click. Стоит отметить, что сначала я установил IsCheckable на true и работал с событием Checked, но это привело к некоторым странным действиям. 

<MenuItem x:Name="GotoPageMenuItem" Header="_Goto Page"
          ItemsSource="{Binding Path=CurrentImage.PageCount, 
                                Converter={StaticResource countToList}}">
    <MenuItem.ItemContainerStyle>
        <Style TargetType="MenuItem">
            <Setter Property="IsCheckable" 
                    Value="False"/>
            <EventSetter Event="Click"
                         Handler="GotoPageMenuItem_Click"/>
            <Setter Property="IsChecked">
                <Setter.Value>
                    <MultiBinding Converter="{StaticResource pageNumChecked}"
                                              Mode="OneWay">
                        <Binding RelativeSource="{RelativeSource FindAncestor, 
                                                  AncestorType={x:Type Window}}" 
                                                  Path="CurrentImage.PageIndex" 
                                                  Mode="OneWay"/>
                        <Binding RelativeSource="{RelativeSource Self}" 
                                                  Path="Header"
                                                  Mode="OneWay"/>
                    </MultiBinding>
                </Setter.Value>
            </Setter>
        </Style>
    </MenuItem.ItemContainerStyle>
</MenuItem>

А вот GotoPageMenuItem_Click код 

private void GotoPageMenuItem_Click(object sender, RoutedEventArgs e)
{
    var item = sender as MenuItem;
    if (item != null)
    {
        //If the item is already checked then we don't need to do anything
        if (!item.IsChecked)
        {
            var pageNum = (int)item.Header;
            CurrentImage.PageIndex = (pageNum - 1);
        }
    }
}

Ответы [ 2 ]

3 голосов
/ 25 июня 2010

Похоже, вы пытаетесь создать динамические меню, которые управляют проверенным состоянием каждого пункта меню.
Я расширил некоторый написанный код для создания динамических меню в WPF с шаблоном MVVM и добавил проверенную логику.

Вот XAML: 

<Menu DockPanel.Dock="Top">
    <MenuItem ItemsSource="{Binding Commands}"
              Header="_Item Container Style">
        <MenuItem.ItemContainerStyle>
            <Style TargetType="{x:Type MenuItem}">
                <Setter Property="IsCheckable" Value="True"/>
                <Setter Property="IsChecked"  Value="{Binding Path=Checked}"/>
                <Setter Property="Header" Value="{Binding Path=Text}" />
                <Setter Property="Command" Value="{Binding Path=Command}" />
                <Setter Property="CommandParameter" Value="{Binding Path=Parameter}" />
            </Style>
        </MenuItem.ItemContainerStyle>
    </MenuItem>
</Menu>

Вот модель представления: 

public class MainViewModel : ViewModelBase
{
  public MainViewModel()
  {
     GoCommand = new DelegateCommand<object>(OnGoCommand, CanGoCommand);
     LoadCommands();
  }

  private List<MyCommand> _commands = new List<MyCommand>();
  public List<MyCommand> Commands
  {
     get { return _commands; }
  }

  private void LoadCommands()
  {
     MyCommand c1 = new MyCommand { Command = GoCommand, Parameter = "1", Text = "Menu1", Checked = true};
     MyCommand c2 = new MyCommand { Command = GoCommand, Parameter = "2", Text = "Menu2", Checked = true };
     MyCommand c3 = new MyCommand { Command = GoCommand, Parameter = "3", Text = "Menu3", Checked = false };
     MyCommand c4 = new MyCommand { Command = GoCommand, Parameter = "4", Text = "Menu4", Checked = true };
     MyCommand c5 = new MyCommand { Command = GoCommand, Parameter = "5", Text = "Menu5", Checked = false };
     _commands.Add(c1);
     _commands.Add(c2);
     _commands.Add(c3);
     _commands.Add(c4);
     _commands.Add(c5);
  }

  public ICommand GoCommand { get; private set; }
  private void OnGoCommand(object obj)
  {
  }

  private bool CanGoCommand(object obj)
  {
     return true;
  }
}

Вот класс, содержащий команды: 

  public class MyCommand
  {
     public ICommand Command { get; set; }
     public string Text { get; set; }
     public string Parameter { get; set; }
     public Boolean Checked { get; set; }
  }
3 голосов
/ 25 июня 2010

Можете ли вы делать то, что вы хотите, используя MultiBinding ? 

<Setter Property="IsChecked">
    <Setter.Value>
        <MultiBinding Converter="{StaticResource pageNumChecked}">
            <Binding ElementName="MainWindow" Path="CurrentImage.PageIndex" Mode="TwoWay"/>
            <Binding RelativeSource="{RelativeSource Self}" Path="Content"/>
        </MultiBinding>
    </Setter.Value>
</Setter>

Пусть ваш pageNumChecked преобразователь реализует IMultiValueConverter вместо IValueConverter и Convert получит массив с результатом каждой дочерней привязки. В этом случае это будет двухэлементный массив, где первый элемент - это ваш текущий ввод, PageIndex, а второй индекс - это ваш текущий ConverterParameter, Content. Если вам нужна двусторонняя привязка, ConvertBack должен будет возвращать двухэлементный массив, и вы должны вернуть Binding.DoNothing для второго параметра, чтобы он не пытался обновить Content.

...