Re: Hyperlink As TreeView Node Binding Problem - WPF Discussion Boards

6-Nov-13 9:51

My TreeView:

<controls:TreeViewEx BorderThickness="0"
                        Margin="5" 
                        ItemsSource="{Binding Nodes}"
                        IsManipulationEnabled ="True"
                        Visibility="{Binding ShowTree, Converter={StaticResource visibilityConverter}}">

    <controls:TreeViewEx.Resources>
        <SolidColorBrush Color="Transparent" x:Key="{x:Static SystemColors.HighlightBrushKey}"/>
    </controls:TreeViewEx.Resources>

</controls:TreeViewEx>

and the HierarchicalDataTemplate:

<HierarchicalDataTemplate DataType="{x:Type models:JobSummaryModel}"
                            ItemsSource="{Binding Path=Nodes}">
    <Grid Margin="2">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
                    
        <controls:TextBlockEx Grid.Column="1"
                                FontSize="12">
                        
            <Hyperlink Style="{StaticResource linkStyle}"
                        Command="{Binding SelectedNodeCommand}">
                <TextBlock Text="{Binding Caption}"/>
            </Hyperlink>
                        
        </controls:TextBlockEx>
                    
    </Grid>
</HierarchicalDataTemplate>

I'm getting a binding error in the outout window. The SelectedNodeCommand is on the ViewModel. How do I bind the hyperlink to it?

Thank you

If it's not broken, fix it until it is

SledgeHammer016-Nov-13 10:02

SledgeHammer01

6-Nov-13 10:02

You can't bind to the VM from a standalone DataTemplate as there is no DataContext there.

Kevin Marois6-Nov-13 10:03

6-Nov-13 10:03

Ok, so what's the way to handle the user clicking the link?

If it's not broken, fix it until it is

Pete O'Hanlon6-Nov-13 10:30

Pete O'Hanlon

6-Nov-13 10:30

One way to do it is to bind back up the data template hierarchy using FindAncestor to hook into the DataContext there. It's a bit of a hack though.

SledgeHammer016-Nov-13 10:38

SledgeHammer01

6-Nov-13 10:38

I was going to say this... the other option is to inline the HierarchialDataTemplate into the control XAML itself rather then putting it in the resource section as a standalone template.

Kevin Marois6-Nov-13 11:18

6-Nov-13 11:18

Could you show me how this is done?

Thank you

[EDIT]

I thought this would do it. I compiles & runs with no binding errors, but nothing happens when I click a link:

<Hyperlink NavigateUri="{Binding Caption}"
           Foreground="#0C2DAA"
           Style="{StaticResource linkStyle}"
           CommandParameter="{Binding}"
           Command="{Binding Path=DataContext.SelectedNodeCommand,
                    RelativeSource={RelativeSource FindAncestor,
                    AncestorType={ x:Type views:JobListView}}}">

    <InlineUIContainer>
        <TextBlock Text="{Binding Caption}" />
    </InlineUIContainer>

</Hyperlink

If it's not broken, fix it until it is

SledgeHammer016-Nov-13 11:29

SledgeHammer01

6-Nov-13 11:29

Correct syntax is something like:

{Binding Path=ActualWidth, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=GridViewColumnHeader}}

{RelativeSource Mode=FindAncestor, AncestorType=ctrls:ListViewEx}

All the ones I have just say AncestorType=whatever:whatever, none use {}'s and x:Type... you can try that... the other option is inlining:

<TreeView>
<TreeView.ItemTemplate>
<HierarchicalDataTemplate>

</HierarchicalDataTemplate>
</TreeView.ItemTemplate>
</TreeView>

Kevin Marois6-Nov-13 11:36

How to create dynamically textbox on UI in MVVVM

6-Nov-13 11:36

This works, although I don't pretend to completely understand it

<HierarchicalDataTemplate DataType="{x:Type models:JobSummaryModel}"
                            ItemsSource="{Binding Path=Nodes}">
    <Grid Margin="2">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>

        <Image Source="/FMG.UI.WPF.Shared;component/Media/Images/job_72.png"
                Grid.Column="0"
				Height="16"
				Width="16"
                Margin="0,0,3,0"/>

        <TextBlock Grid.Column="1">
            <Hyperlink NavigateUri="{Binding Caption}"
                        Foreground="#0C2DAA"
                        Style="{StaticResource linkStyle}"
                        CommandParameter="{Binding}"
                        Command="{Binding Path=DataContext.SelectedNodeCommand,
                                RelativeSource={RelativeSource FindAncestor, 
                                AncestorType={ x:Type views:JobListView}}}">

                <InlineUIContainer>
                    <TextBlock Text="{Binding Caption}" 
                                FontSize="12"/>
                </InlineUIContainer>

            </Hyperlink>
        </TextBlock>
    </Grid>
</HierarchicalDataTemplate>

If it's not broken, fix it until it is

Ashfaque Hussain4-Nov-13 4:56

Re: How to creates dynamically textbox on UI in MVVVM

4-Nov-13 4:56

I want to create dynamically textbox and also bind the contents of these textbox to view model. Suppose I want to create more than one textbox depending on user input(number of textboxes).

Please help me regards this, I am new to MVVM pattern.

modified 7-Nov-13 5:49am.

Mycroft Holmes4-Nov-13 11:45

Mycroft Holmes

4-Nov-13 11:45

1 texbox - create the textbox inxaml and bind the visibility property to the VM
Multiple textboxes - use a collection control (listbox) and bind the ItemsSource to a collection in the VM.

You need to learn the functionality of the controls you have available to you.

Never underestimate the power of human stupidity
RAH

Re: How to creates dynamically textbox on UI in MVVVM

Ashfaque Hussain6-Nov-13 23:32

Re: How to creates dynamically textbox on UI in MVVVM

6-Nov-13 23:32

Thanks Mycroft Holmes....
Creation of one textbox is working, but I have to create multiple textbox. I am new to MVVM, please post one sample code to create multiple textbox.

Pete O'Hanlon6-Nov-13 23:56

Pete O'Hanlon

6-Nov-13 23:56

Please stop. This is not the way to learn MVVM. Right now, you are tackling MVVM in a very haphazard fashion and getting your information through answers on a forum is not the right way to learn the basics. There are many excellent resources available to learn MVVM from, I suggest that you pause and actually use these resources. You can even get free training inside Visual Studio[^].

Re: How to creates dynamically textbox on UI in MVVVM

Ashfaque Hussain7-Nov-13 19:30

Re: How to creates dynamically textbox on UI in MVVVM

7-Nov-13 19:30

I am new to MVVM, facing problems so I am asking my problem. And whatever you gave the way to learn that is also not for beginner, its a complex way.

Pete O'Hanlon7-Nov-13 21:05

Pete O'Hanlon

7-Nov-13 21:05

Utter rubbish. The training is designed for complete beginners. You are wasting your time and ours by trying to learn this way. If you actually took the time to do the training, you would learn much quicker and much more effectively.

Re: How to creates dynamically textbox on UI in MVVVM

Ashfaque Hussain7-Nov-13 23:16

How to bind textboxes text to the ViewModel

7-Nov-13 23:16

Thanks a lot Pete O'Hanlon.

WPF inbuilt form

shers30-Oct-13 22:44

shers

30-Oct-13 22:44

SQL

Hi,

I'm on the design phase of a WPF desktop application. It has a MainWindow with its WindowState as Maximized and also a Menubar. I want the Mainwindow to display a set of controls when the user selects each menu item, rather than opening another window. Is this possible?

Thanks

Re: WPF inbuilt form

GuyThiebaut31-Oct-13 3:46

GuyThiebaut

31-Oct-13 3:46

Yes this is possible.

Using the MVP(model view presenter)pattern will achieve this for you.
You best starting point is to do the exercises in Sams-Teach-Yourself-WPF-Hours[^] - i.e read the book and follow the exercises as the book progresses.

Your question hints that you are fairly new to WPF - WPF being something that you cannot generally pick up by playing around with it like winforms I suggest you get started on your reading and good luck Thumbs Up | :thumbsup:

“That which can be asserted without evidence, can be dismissed without evidence.”

― Christopher Hitchens

Re: WPF inbuilt form

_Maxxx_31-Oct-13 23:52

_Maxxx_

31-Oct-13 23:52

It sounds like what you want to do is to have a set of user controls, each of which is loaded depending on a menu option selection.

the Simplest (but probably least efficient depending on memory footprint, number of menu options etc.) is simply to place all of the user controls on teh window, then make them invisible until a menu option is selected.

You could also load the user controls dynamically when a menu option is selected. (see here[^] for one of many examples of how to do that.

MVVM # - I did it My Way
___________________________________________
Man, you're a god. - walterhevedeich 26/05/2011

.\\axxx
(That's an 'M')

Ashfaque Hussain30-Oct-13 1:43

30-Oct-13 1:43

Hi,
Please help me regards this issue, there are more than one textboxes, I have to bind text of all textboxes to a list or observable collection in ViewModel.

Ashfaque Hussain30-Oct-13 2:23

30-Oct-13 2:23

XML

<StackPanel>
  <TextBox Text="{Binding MyViewModelList[0]}">
  <TextBox Text="{Binding MyViewModelList[1]}">
  <TextBox Text="{Binding MyViewModelList[2]}">
</StackPanel>

I'm trying to solve using this code, but is always null.

David C# Hobbyist.30-Oct-13 4:47

David C# Hobbyist.

30-Oct-13 4:47

Have You set the DataContext to the ViewModel?

David

Ashfaque Hussain30-Oct-13 4:53

30-Oct-13 4:53

Yes David I have set the DataContext. Can you look on above code, is anything missing or else if you have any way then please share with me.

Thanks

David C# Hobbyist.30-Oct-13 5:03

David C# Hobbyist.

30-Oct-13 5:03

Without knowing what is in your ViewModel, That you have not shown. It would be hard for me to guess.

What you should use is a DataTemplate to display each member of your list.

David

Ashfaque Hussain30-Oct-13 7:55