WebViews in Hub Windows Phone 8.1

Question

For the application I am developing, I would like to use a Hub with three WebViews in it that you can scroll across. I have tried:

Simply putting the WebView in the Hub Section (this does not work- a DataTemplate is needed)
Putting the WebView inside a DataTemplate in the HubSection (this compiles, but the WebView is not accessible to the Code Behind)

Using the following code to attempt to find the control visually while using the above method:

public static T FindVisualChildByName<T>(DependencyObject parent, string name)
where T : DependencyObject

{
    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
    {
        var child = VisualTreeHelper.GetChild(parent, i);
        string controlName = child.GetValue(Control.NameProperty) as string;
        if (controlName == name)
        {
            return child as T;
        }
        else
        {
            T result = FindVisualChildByName<T>(child, name);
            if (result != null)
                return result;
        }
    }
    return null;
}

This does not find any visual elements. How can I have a Hub with WebViews inside of it?

score 1 · Accepted Answer · answered Nov 25 '14 at 00:07

Make sure you only search the VisualTree after the Page has loaded.

<Page Loaded="Page_Loaded">
    <Grid>
       <Hub x:Name="myHub">
            <HubSection x:Name="myHubSection">
                <DataTemplate>
                    <WebView x:Name="myWebView"></WebView>
                </DataTemplate>
            </HubSection>
        </Hub>
    </Grid>
</Page>

private void Page_Loaded(object sender, RoutedEventArgs e)
{
    var hub_section = FindVisualChildByName<HubSection>(this.myHub, "myHubSection");
    var web_view = FindVisualChildByName<WebView>(hub_section, "myWebView");
}

enter image description here

score -2 · Answer 2 · edited Nov 25 '14 at 20:04

-2

Do it like Chubosaurus Software said in his answer. Make sure you have loaded the WebView!

But you don't have to search for the HubSection, you can simply use its name in that function like this:

WebView webview = FindChildControl<WebView>(WebViewSectionName, "MyWebView") as WebView;

edited Nov 25 '14 at 20:04

msrd0

7,816
9
47
82

answered Nov 25 '14 at 19:51

Cika012

107
8

It sure looks like an answer to me. Repetitive, but an answer. – user207421 Nov 27 '14 at 23:51
What I was trying to say is that, the method how _SFX_ tried the access the WebView was right and the awnser given by _Chubosaurus Software_ was good too, but it contained an extra line of code wich was unnecessary because you can access the HubSection from the code behind. You can't access the controls inside a DataTemplate, where the WebView is. – Cika012 Nov 28 '14 at 18:45
On the second note, I noticed just now, that the above method is a bit different from what I use. I've found it [here](http://stackoverflow.com/questions/15189715/how-to-access-a-control-inside-the-data-template-in-c-sharp-metro-ui-in-the-code?answertab=votes#tab-top) – Cika012 Nov 28 '14 at 18:46

WebViews in Hub Windows Phone 8.1

2 Answers2