|
I have styled a list so that the list items appear as hyperlinks. Here's my xaml:
<UserControl.Resources>
<converters:ProjectTypeImageValueConverter x:Key="projectTypeConverter"/>
<!--This is the template for the Recent projects list items-->
<DataTemplate DataType="{x:Type local:RecentProjectModel}">
<StackPanel Orientation="Horizontal"
Margin="2">
<Image Source="{Binding ProjectType, Converter={StaticResource projectTypeConverter}}"
Margin="0,0,5,0"/>
<TextBlock Width="150">
<Hyperlink Foreground="RoyalBlue">
<TextBlock Text="{Binding Caption}"/>
</Hyperlink>
</TextBlock>
</StackPanel>
</DataTemplate>
</UserControl.Resources>
and
<ListBox x:Name="lstRecent"
Grid.Row="1"
Grid.Column="0"
ItemsSource="{Binding RecentProjects}"
SelectedItem="{Binding SelectedRecentProject}"
BorderThickness="0"
Margin="3"
MinWidth="235"/>
When I click the link, the SelectedRecentProject is not set. If I click the image of the list item, it is set. How do I set the SelectedRecentProject when the link is clicked?
Thanks
Everything makes sense in someone's mind
|
|
|
|
|
It doesn't work. No response.
Everything makes sense in someone's mind
|
|
|
|
|
Wow, I had to write a quick sample app for this one. The Hyperlink / TextBlock combo is eating the mouse down. You'll notice that the selection changed event never gets fired. You can set IsHitTestVisible="False" on the TextBlock (but you will lose the hand cursor)... or you need to derive a "HyperlinkEx" class from Hyperlink and set the focus to the parent yourself, or you can change controls to something else  . If you are OK with losing the hand cursor when they mouse over the link, the the IsHitTestVisible="False" is the quickest fix.
EDIT: actually, you probably need to do the derived class thing on TextBlock since Hyperlink isn't a UI element. Just derive a class from TextBlock and override PreviewMouseLeftButtonDown and chase up the visual tree til you hit the ListBoxItem. I whipped this out in a few seconds and it works without losing the hand cursor. I'll leave the clean up / error checking to you .
public class TextBlockEx : TextBlock
{
public TextBlockEx()
: base()
{
this.PreviewMouseLeftButtonDown += new MouseButtonEventHandler(HyperlinkEx_PreviewMouseLeftButtonDown);
//this.MouseLeftButtonDown += new MouseButtonEventHandler(HyperlinkEx_MouseLeftButtonDown);
}
void HyperlinkEx_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
object v = this;
while (v != null)
{
if (v is ListBoxItem)
{
((ListBoxItem)v).IsSelected = true;
((ListBoxItem)v).Focus();
break;
}
v = VisualTreeHelper.GetParent((DependencyObject)v);
}
e.Handled = true;
}
}
|
|
|
|
|
ya, that did it. I'll deal with the cursor some other time. It's not that big of a deal right now.
Thanks
Everything makes sense in someone's mind
|
|
|
|
|
I edited the message as you responded... I've got the "TextBlockEx" working for you... just needs a bit of clean up and doesn't lose the mouse cursor .
|
|
|
|
|
Excellent. I'll throw it in later today
Many thanks
Everything makes sense in someone's mind
|
|
|
|
|
This worked perfectly. Thank you!!!
Everything makes sense in someone's mind
|
|
|
|
|
I have this data template
<UserControl.Resources>
<!--
<DataTemplate DataType="{x:Type local:RecentProjectModel}">
<StackPanel Orientation="Horizontal">
<Image Source="/...;component/Media/Graphics/abtech_triangle_blue_small.png"
Margin="0,0,5,0"/>
<TextBlock Width="150">
<Hyperlink>
<TextBlock Text="{Binding Caption}"/>
</Hyperlink>
</TextBlock>
</StackPanel>
</DataTemplate>
</UserControl.Resources>
I would like to change the image based off the value of a property called ProjectType on the RecentProjectModel class.
How do I do this?
Thanks
Everything makes sense in someone's mind
modified 24-Oct-11 13:44pm.
|
|
|
|
|
Just bind to ProjectType and use a value converter, or have your VM expose an ImageSource property and bind to that directly. Is your binding to Caption working? I seem to recall there are some issues when using binding inside of a data template, but I can't recall off the top of my head.
|
|
|
|
|
Yes the caption is working.
Never used a converter before. Got an exmaple?
Everything makes sense in someone's mind
|
|
|
|
|
|
Ok I see.
Thanks
Everything makes sense in someone's mind
|
|
|
|
|
That worked perfect - thanks
Everything makes sense in someone's mind
|
|
|
|
|
I want to "next" a child view inside a parent view. The child view will be removed from time to time and replace with other views.
How does the parent view know what child views properties change?
Thanks
Everything makes sense in someone's mind
|
|
|
|
|
Views shouldn't really know about each other in MVVM. They typically communicate via a messenger type service so there is a complete disconnect. If the parent view is going to hold a reference to the child view, you can just use the views INPC implementation (since have it already).
|
|
|
|
|
Well, in summary, what I'm hoping to do is get some kind of notification in the parent ViewModel that a property in the child ViewModel has changed.
What about binding? Any way to do this?
Everything makes sense in someone's mind
|
|
|
|
|
How are you creating the child views? In my apps, I never create the VM directly, I just load the window.xaml and that uses a view locator service to instantiate the VM and wire it up.
Another question is how many properties are going to be changing and how often. If we are talking about 2 or 3 properties that will change 2 or 3 times then my answer would be different then if 50 properties were changing 1000s of times.
With the low prop count / low change count, you can use messenger as I mentioned below.
Also, do you care what property is changing? Or do you just want to know that the view is dirty? etc?
If the parent needs to know whenever 1 of 50 properties change and its new value, etc. I'd probably just have the child view use messenger to send open / close messages so the parent can sub to the INPC events in the child using weak events or something like that.
Again, all depends on how much you need to know about the property that changed and how often they are changing, but I threw out a bunch of options for you .
|
|
|
|
|
You can pass an Action delegate from the parent view to the child view.
Whenever the property within the child changes, fire the Action and let the parent method (pointed to by this action) execute.
|
|
|
|
|
No need to re-invent the wheel. There are already mechanisms to do this. Views should not know about each other in such intimate ways .
|
|
|
|
|
I'm confused as to why you'd expect the parent viewmodel (rather than the view) need to know that child viewmodel properties have changed. You talk about views here, but it seems more likely that you are thinking of the view models. One thing to do is to link a view to a viewmodel using a DataTemplate. This is super easy, and says "whenever I want to use this VM, this is the way it will look".
Showing and hiding the views can then be achieved neatly by using something like Josh Smith's Workspace[^] implementation.
|
|
|
|
|
Collin Jasnoch wrote: I think you meant parent view (rather than the view model).
No, I meant parent viewmodel. Which is why I mentioned "the view" in my post. In other words, I was saying that the interaction is actually between the view models rather than views.
|
|
|
|
|
I just posted a clarification.
Thanks
Everything makes sense in someone's mind
|
|
|
|
|
Ok, so I have posted an image of a prototype of my app here
The blue area is the MainWindow with a data context called MainWindowViewModel. The red is the WelcomeView with a data context called WelcomeViewModel.
I want to replace the WelcomeView model with other "inner" views during runtime. Notice that the toolbar and menu are both on the MainWindowView and their commands are bound to properties in the MainWindowViewModel.
So when the WelcomeView, or some other inner view's data changes, I want the Save button and menu bar on the MainWindow to become enabled.
So, I need to have some way of the 2 viewmodels to "talk" to each other.
Hope this helps
Thanks
Everything makes sense in someone's mind
|
|
|
|
|
Oh, OK... I wasn't exactly sure why you wanted to know if a child view property has changed in my original response... was just giving you what you wanted  . Now that you have posted more information, I retract my original response and provide you with a new one.
1) normally, views should not know about each other
2) normally toolbar buttons are routed to the ACTIVE view... in your case, what would happen is that the save button would only be enabled if the child view was active. Probably not what you want? Or maybe it is? I.e. if the tree has focus, should the button still be enabled if the view is dirty?
I'd probably have the IsDirty bool flag in the main window class and have the child view send a message through messenger and have the main window class subscribe to the "some property has changed" message.
You do have a messenger service, right? ... thats a key part of MVVM.
|
|
|
|
|
Well, what's happening now is that the toolbar and menu's Command properties in MainWindowView are bound to a bool property called DataChanged, which is essentially dirty flag.
Sounds like you're saying that I shpuld use messaging in the child viewmodels to set this?
Everything makes sense in someone's mind
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
