如何在 Windows 8.1 中访问 HubSection 内的控件

Posted 2023-04-12

【中文标题】如何在 Windows 8.1 中访问 HubSection 内的控件

【英文标题】：How to access controls inside HubSection in Windows 8.1

【发布时间】：2017-03-13 20:44:47

【问题描述】：

我正在使用如下 HubSection：

<HubSection Header="Section1">
  <DataTemplate>
    <TextBox />
  </DataTemplate>
</HubSection>

<HubSection Header="Section1">
  <DataTemplate>
    <TextBox />
  </DataTemplate>
</HubSection>

<HubSection Header="Section1">
  <DataTemplate>
    <TextBox />
  </DataTemplate>
</HubSection>

现在我有一个 JSON，我想从中绑定所有 HubSection 中的文本框

下面是 JSON 数据的类：

class RootObject

    public string Text1  get; set; 
    public string Text2  get; set; 
    public string Text3  get; set; 

现在根据this 问题和this 文章，我可以很好地使用Loaded 事件为TextBox 如下设置值。

<TextBox Loaded="TextBox_Loaded" />

private void TextBox_Loaded(object sender, RoutedEventArgs e)

    var txtBox = (TextBox)sender;
    txtBox.Text = "Some Text";

但问题是，如果我在每个 HubSection 中绑定/访问的控件不多，这样做就不好了。

那么有人可以告诉我是否有另一种简单的方法来绑定控件。

【问题讨论】：

您可以在数据模板中使用Stack Panel 并将控件添加到堆栈面板。这样，您可以在每个 HubSection 内部拥有更多的控件来绑定或访问。

@MattewWu-MSFT 但我仍然有三个HubSections，我想从单个对象绑定所有HubSection 中的所有控件，例如RootObject。

@DeepakSharma 您想动态生成HubSections 还是定义为3？

@rbr94 这是一个定义的计数。我想要的只是绑定上面定义的RootObject 类中的所有HubSection 中的所有控件。

@DeepakSharma 如果我理解正确的话。这意味着您要将第一个TextBox.Text 属性绑定到RootObject 的Text1，第二个绑定到Text2 等等？你想用RootObject 来填充文本框还是用其他方式？

【参考方案1】：

希望对你有帮助

C#

public sealed partial class MainPage : Page

    public MainPage()
    
        this.InitializeComponent();
        RootObject ro = new RootObject() Text1 = "Header1JsonData",Text2= "Header2JsonData",Text3= "Header3JsonData";
        this.DataContext = ro;

    


public class RootObject

    public string Text1  get; set; 
    public string Text2  get; set; 
    public string Text3  get; set; 

---

XAML

   <Grid Background="ThemeResource ApplicationPageBackgroundThemeBrush">
    <Hub >
        <HubSection Header="Section1">
            <DataTemplate>
                <TextBox  Text="Binding Text1"/>
            </DataTemplate>
        </HubSection>
        <HubSection Header="Section1">
            <DataTemplate>
                <TextBox Text="Binding Text2"/>
            </DataTemplate>
        </HubSection>
        <HubSection Header="Section1">
            <DataTemplate>
                <TextBox  Text="Binding Text3"/>
            </DataTemplate>
        </HubSection>
    </Hub>
</Grid>

---

输出

【参考方案2】：

试试这个：

C#：

在类后面的代码（例如Page）中，您需要定义一个包含RootObject 的属性。请注意，如果您想对此属性值的更改做出反应，您可能需要实现 INotifyPropertyChanged。

public Page1 : Page 
    public RootObject RootObject  get; set; 

XAML：

在您的 XAML 中，您应该像这样简单地使用对 RootObject 属性的绑定：

<HubSection Header="Section1">
  <DataTemplate>
    <TextBox Text="Binding RootObject.Text1" />
  </DataTemplate>
</HubSection>

<HubSection Header="Section2">
  <DataTemplate>
    <TextBox Text="Binding RootObject.Text2"/>
  </DataTemplate>
</HubSection>