单击按钮时导航到带有选定组合框项的新页面 UWP答案

【问题标题】：Navigating to new page with selcted combobox item when button is click UWP单击按钮时导航到带有选定组合框项的新页面 UWP
【发布时间】：2018-08-17 21:46:28
【问题描述】：

我希望用户在组合框中选择一个项目，当他们按下按钮时，他们将被重定向到特定页面。我怎样才能做到这一点？

<pre><Grid>
        <ComboBox x:Name="Campus_Selector" HorizontalAlignment="Center" Margin="0,414,0,0" VerticalAlignment="Top" PlaceholderText="Select a Campus " Width="233">
            <ComboBoxItem Content="Auckland Park" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100" />
            <ComboBoxItem Content="Bloemfontein" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Boksburg" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Cape Town" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Durban" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Nelspruit" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Polokwane" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Port Elizabeth" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Potchefstroom" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Pretoria" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Roodepoort" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Sandton" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Stellenbosch" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
            <ComboBoxItem Content="Vereeniging" HorizontalAlignment="Center" Height="100" Margin="0,0,0,0" VerticalAlignment="Center" Width="100"/>
        </ComboBox>
        <Button x:Name="Navtocapus" Content="Navigate to selected Campus" HorizontalAlignment="Left" Margin="100,504,0,0" VerticalAlignment="Top" Click="Navtocapus_Click"/>

    </Grid>

我尝试使用 if 语句，如果有意义，我尝试了所有 Campus_Selector.Selected(statements)

【问题讨论】：

请同时展示一些与您正在做的事情相关的 c# 代码。谢谢

标签： c# uwp

【解决方案1】：

单击按钮时，只需检查 组合框 的 Selected 属性 并进行相应导航。

private void Navtocapus_Click(object sender, args)
{
    if(Campus_Selector.SelectedIndex != -1)//just to make sure an item is selected
    {
        string item = (Campus_Selector.SelectedItem as ComboboxItem).Content as string;
        //use whatever your frame is to navigate to your desired page using value of item.
        frame.Navigate(typeof(YourPageClass));
    }
}

【讨论】：

【解决方案2】：

转到您的 Button_Click 事件，从 Combobox.SelectedIndex 创建一个 SelectCase，并处理每个案例：

Select case Combobox.SelectedIndex;
case 1;
Frame.Navigate(SomePage);
case 2;
Frame.Navigate(SomeotherPage);
...

【讨论】：