WPF Discussion Boards

Re: User Control Confusion

3-Apr-14 8:25

I'm really stuck here. I MUST get this working. I have been asking questions about this but I can't seem to get an answer that makes sense to me.

Either I'm not asking the question right, or I don't understand the answers.

See this image[^].

This should be simple. I just don't get it. I can't find a single example if a UserControl with a ViewModel that gets data from the host its on.

I have a sample control that I wrote but won't work here[^].

Can someone point me to an example of how this is done?

Many Thanks!

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

Richard Deeming3-Apr-14 10:23

Richard Deeming

3-Apr-14 10:23

OK, there's a couple of problems with your sample code which aren't helping:

In LookupComboControlViewModel, the People property passes the wrong property name to the RaisePropertyChanged method;
Your category IDs start at zero, which happens to be the default value of the _CategoryId field, so when you select the "Presidents" category, the people won't be loaded;

There might be a more elegant way to make this work, but for a quick hack you can use a property changed callback on your DependencyProperty to manually change the property on your DataContext:

public CategoryModel SelectedCategory
{
    get { return (CategoryModel)GetValue(SelectecCategoryProperty); }
    set { SetValue(SelectecCategoryProperty, value); }
}

public static readonly DependencyProperty SelectedCategoryProperty = DependencyProperty.Register(
    "SelectedCategory", typeof(CategoryModel), typeof(LookupComboControl),
    new UIPropertyMetadata(null, SelectedCategoryChanged));

private static void SelectedCategoryChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    var view = (LookupComboControl)d;
    var viewModel = (LookupComboControlViewModel)view.DataContext;
    var model = (CategoryModel)e.NewValue;

    viewModel.CategoryId = (model == null) ? 0 : model.Id;
}

I've updated your sample: http://1drv.ms/1j69N0P[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: User Control Confusion

Kevin Marois3-Apr-14 11:14

ToolTip is not fully visible

3-Apr-14 11:14

Thank you! Thank you! Thank you!

I had tried to get the dc in the callback before, but I couldn't make it work.

The universe is in alignment again!!

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

WPF Ribbon Control

Sujit Keng2-Apr-14 21:51

Sujit Keng

2-Apr-14 21:51

How Should I customize Ribbon control Menu in my WPF application?

Re: WPF Ribbon Control

Naz_Firdouse8-Apr-14 3:07

Naz_Firdouse

8-Apr-14 3:07

did u tried this
http://it.nadiacomanici.com/2010/04/wpf-ribbon-ctp-part-1/[^]

SRKSHOME2-Apr-14 0:42

SRKSHOME

2-Apr-14 0:42

Hi,
I have a textbox and which is having validation on its data. I am showing data error as a tooltip. But tooltip is not visible fully.how do i wrap it or increase its width?

<Style x:Key="ValidationTextBoxStyle" TargetType="{x:Type TextBox}" BasedOn="{StaticResource {x:Type TextBox}}">
<Setter Property="Validation.ErrorTemplate"
	Value="{StaticResource ErrorTemplate}" />
	<Style.Triggers>
	<Trigger Property="Validation.HasError" Value="True">
	<Setter Property="ToolTip">
	<Setter.Value>
	<Binding Path="(Validation.Errors)[0].ErrorContent" RelativeSource="{x:Static RelativeSource.Self}" />
							</Setter.Value>
	</Setter>
	<Setter Property="BorderBrush" Value="#FF666666"/>
   </Trigger>
 </Style.Triggers>
</Style>
 
<TextBox x:Name="FileObjectName" Grid.Column="1" VerticalContentAlignment="Center" Height="Auto" MaxLines="1"
                   Style="{StaticResource ValidationTextBoxStyle}" IsEnabled="{Binding IsNameEditable}">
<TextBox.Text>
<Binding Path="Name" Mode="TwoWay" UpdateSourceTrigger="PropertyChanged" ValidatesOnDataErrors="True" ValidatesOnExceptions="True">
						<Binding.ValidationRules>
							<validation:LibraryObjectFileNameValidationRule
								ValidatesOnTargetUpdated="True"
								PropertyName="{x:Static resources:CommonStorageUIContent.FileNamePropertyName}" />
							<validation:PropertyLengthValidationRule 
								ValidatesOnTargetUpdated="True"
								IsAlphaNumericValuesOnly="True"
								MaxPropertyLength="{x:Static validation:Constants.KeyPropertyMaxLengthDefaultValue}"
								PropertyName="{x:Static resources:CommonStorageUIContent.FileNamePropertyName}"/>
						</Binding.ValidationRules>
					</Binding>
				</TextBox.Text>
			</TextBox>

Bind Grid Row's IsExpanded To Row's Data Object

Kevin Marois31-Mar-14 12:41

31-Mar-14 12:41

I have this style:

<Style TargetType="telerik:GridViewRow">
    <Setter Property="IsSelected" Value="{Binding IsExpanded, RelativeSource={RelativeSource Self}}" />
</Style>

It expands the row when it's selected. Instead of this, I need to bind the grid row's IsExpanded to a property called IsRowExpanded on the row's data object. The IsRowExpand will be set to true on the back end if there are any child rows.

Can someone show me how to do this binding?

<Style TargetType="telerik:GridViewRow">
    <Setter Property="IsExpanded" Value="[WHAT GOES HERE?]" />
</Style>

Many thanks

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

User Control Question

Kevin Marois25-Mar-14 8:05

25-Mar-14 8:05

This is a bit long, and I'm not entirely sure how to word my question...

I am developing a prototype for a simple lookup control[^].

The source is here[^].

The Category combo is on the window, and below it is my control. When a category is selected, I want the Lookup control to get the category Id:

<ComboBox x:Name="CategoryCombo"
            Grid.Row="1"
            ItemsSource="{Binding Categories}"
            SelectedValuePath="Id"
            DisplayMemberPath="Category"
            VerticalAlignment="Center"
            Height="24"
            Width="375"/>

<views:LookupComboControl Grid.Row="2"
                            CategoryId="{Binding ElementName=CategoryCombo, Path=SelectedValue, Mode=TwoWay}"
                            Height="70"
                            Width="400"/>

My Lookup control's VM is pretty simple:

public class LookupComboControlViewModel : _ModelBase
{
    private List<PersonModel> _People = new List<PersonModel>();
    public List<PersonModel> People
    {
        get { return _People; }
        set
        {
            if (_People != value)
            {
                _People = value;
                RaisePropertyChanged("ComboSourceData");
            }
        }
    }

    private string _CategoryName;
    public string CategoryName
    {
        get { return _CategoryName; }
        set
        {
            if (_CategoryName != value)
            {
                _CategoryName = value;
                RaisePropertyChanged("CategoryName");
            }
        }
    }

    private int _CategoryId;
    public int CategoryId
    {
        get { return _CategoryId; }
        set
        {
            if (_CategoryId != value)
            {
                _CategoryId = value;
                RaisePropertyChanged("CategoryId");

                loadData();
            }
        }
    }

    private void loadData()
    {
        DAL dal = new DAL();

        People = dal.GetPeopleForCategory(CategoryId);
    }
}

When a category is selected, I want to set the lookup control's CateogoryId. The lookup control has this DP in it.

public LookupComboControl()
{
    InitializeComponent();

    this.DataContext = new LookupComboControlViewModel();
}

public int CategoryId
{
    get { return (int)GetValue(CategoryIdProperty); }
    set { SetValue(CategoryIdProperty, value); }
}

public static readonly DependencyProperty CategoryIdProperty =
    DependencyProperty.Register("CategoryId", typeof(int), typeof(LookupComboControl));

The ultimate goal is to have the VM for the Lookup control know when the CategoryId was set. When I select a cateogory, nothing happens. What am I doing wrong here?

Thanks

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

modified 25-Mar-14 14:16pm.

_Maxxx_2-Apr-14 18:39

_Maxxx_

2-Apr-14 18:39

Don't you need to bind the SelectedItem property in the Combo to something so you know what is selected?

Kevin Marois2-Apr-14 18:49

2-Apr-14 18:49

I could be wrong, but I don't think so. The user control is bound to the Category combo's SelectedValue, so when a category is selected, it's value (CategoryId), should be passed to my control.

views:LookupComboControl Grid.Row="2"
                            CategoryId="{Binding ElementName=CategoryCombo, Path=SelectedValue, Mode=TwoWay}"
                            Height="70"
                            Width="400"/>

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

_Maxxx_2-Apr-14 19:36

_Maxxx_

2-Apr-14 19:36

I think you are right in principal, but in practice I'm sure I've seen/had problems with selected value not working as expected...
For the sake of a test, change it to bind to the text property and see if it starts working- at least that narrows the issue down!

Kevin Marois3-Apr-14 5:47

3-Apr-14 5:47

OK, I think you were right. The Output window was showing a Null being passed as SelectedValue.

So I made the following changes::

In the control:

public object SelectecCategory
{
    get { return (object)GetValue(SelectecCategoryProperty); }
    set 
    { 
        SetValue(SelectecCategoryProperty, value); 
    }
}

public static readonly DependencyProperty SelectecCategoryProperty =
    DependencyProperty.Register("SelectecCategory", typeof(object), typeof(LookupComboControl));

In the MainWindow

<ComboBox x:Name="CategoryCombo"
            Grid.Row="1"
            ItemsSource="{Binding Categories}"
            SelectedValuePath="Id"
            DisplayMemberPath="Category"
            VerticalAlignment="Center"
            Height="24"
            Width="375"/>

<views:LookupComboControl Grid.Row="2"
                            SelectecCategory="{Binding ElementName=CategoryCombo, Path=SelectedItem, Mode=TwoWay}"
                            Height="70"
                            Width="400"/>

Now I get no binding errors. But the original problem still exists... Nothing happens.

So here's my question - The UserControl has the DP. Once the MainWindow sets the DP, how does the User Control's VM know about it? Again, I need to somehow get the selected category into the ViewModel.

[UPDATE]
The source is https://onedrive.live.com/redir?resid=F6FBCF1880A16630!210&authkey=!AA4CNT499dsekPY&ithint=file%2c.zip

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

Prefixing ListBoxItem index in DataTemplate

BubingaMan23-Apr-14 4:13

BubingaMan

23-Apr-14 4:13

Are you still stuck on this?
I realise it's a bit late, but anyhow...

Assuming your binding is working (didn't test your code, can't at the moment), all you would need to do is add a callback for the dependency property change.

public static readonly DependencyProperty SelectecCategoryProperty =
    DependencyProperty.Register("SelectecCategory", typeof(object), typeof(LookupComboControl), new UIPropertyMetadata(new PropertyChangedCallback(OnChanged))););

...

private static void OnChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
{
   //obj is your control.  you can cast it here and call a method on it to get rid of the static state you are in
   var control = obj as LookupComboControl;
   control.SetCategoryOnVm();
}

private void SetCategoryOnVm()
{   
   vm.Category = this.SelectedCategory //(= your dependency property)
}

Dominick Marciano22-Mar-14 21:33

Dominick Marciano

22-Mar-14 21:33

I have a class called Steps and one of the properties is called Text (but it has several others as well). When a user types text in a text box (called txtText) and click the button (called btnAddEntry), and new Steps class is created and added to the list box.

My issue is how to format the entries in the list box. I would like the list box to show the value of the Text property of the Step just added, but I would also like the index of the item just added to be prefixed to the text.

The XAML for me list box is:

XML

<ListBox Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Name="lstSteps" Margin="5">
           <ListBox.ItemTemplate>
               <DataTemplate>
                   <Label Content="{Binding Path=Text}" />
               </DataTemplate>
           </ListBox.ItemTemplate>
       </ListBox>

So if I type the entries "First Item", "Second Item", "Third Item" into txtText and click the btnAddEntry the list box will show

First Item
Second Item
Third Item

However I want the list box to show:

1. First Item
2. Second Item
3. Third Item

I've attempted this by modifying the ListBox.ItemTemplate in various ways, but just can't seem to figure it out. I have tried things like the following:

XML

<ListBox Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Name="lstSteps" Margin="5">
           <ListBox.ItemTemplate>
               <DataTemplate>
                   <Label Content="{Binding Path=Index}" />
                   <Label Content="{Binding Path=Text}" />
               </DataTemplate>
           </ListBox.ItemTemplate>
       </ListBox>

As well as using RelativeSource to Self, but I can never get the list box item to prefix it's index within the list box.

I really want this down in XAML because there are buttons to move items up and down the list box after they are added (so the user can reorder items instead of deleting them and re-entering them) and if I using bindings in the item template, these numbers should auto-update.

Any help with this will is greatly appreciated. Thanks in advance for any help.

A black hole is where God tried to divide by zero.

There are 10 kinds of people in the world; those who understand binary and those who don't.

Re: Prefixing ListBoxItem index in DataTemplate

SledgeHammer0123-Mar-14 9:22

SledgeHammer01

23-Mar-14 9:22

You did not include an ItemsSource in your XAML, so I'm hoping you just left it out (although you included other stuff)?

Please tell me you aren't manually creating ListViewItems and inserting those Smile | :)

.

Anyways, assuming you are doing it "the right way" and using an ObservableCollection as your ItemsSource, I would write a MultiConverter that takes the ItemsSource and the item itself and returns the index of the item + 1.

Then in your XAML, you would just use StringFormat with a multi-binding to format '{0}. {1}' on a single label.

Re: Prefixing ListBoxItem index in DataTemplate

Dominick Marciano25-Mar-14 4:42

Dominick Marciano

25-Mar-14 4:42

I am not creating ListViewItems and inserting those. I'm creating new instances of the Steps class and inserting those. The Steps class as a property called Text which is what I want displayed in the list box which is why I'm binding to (<Label Content="{Binding Path=Text}" />). However I wanted the index number prefixed to it, so I was hoping there was some XAML multi-binding expression to add it, without creating an ObservableCollection.

However, if I'm understanding you correctly your saying that I should binding the list box to an ObservableCollection, and when a user clicks btnAddEntry the new Steps instance is added to the ObservableCollection, and use the MultiConverter to present the data for the XAML multi-binding expression?

A black hole is where God tried to divide by zero.

There are 10 kinds of people in the world; those who understand binary and those who don't.

Re: Prefixing ListBoxItem index in DataTemplate

SledgeHammer0125-Mar-14 4:55

SledgeHammer01

25-Mar-14 4:55

Well ListViewItem / Potato. I meant that you are inserting stuff into the Items (type ItemCollection) rather then a bound collection. Which it sounds like you are.

ItemCollection doesn't have an IndexOf method while pretty much every other list collection does.
Doesn't have to be an ObservableCollection, but since you have an add / delete / move-up / move-down. I don't know why you wouldn't use ObservableCollection. It does half the work for you.

If you are writing WPF code, it would SERIOUSLY behoove you to get into the habit of NOT operating on the controls themselves and operating on bound objects. That's what WPF was intended for and you can take advantage of a lot of features that you can't take advantage of when operating on the controls themselves.

EDIT: Almost forgot to answer your question lol...

Yes. Your label would use StringFormat on a multi-binding expression (expression 1 would be the return from your MultiValueConverter and expression 2 would be Path=Text). The MultiValueConverter would be Path=ItemsSource and {Binding} (which is the item itself). The MultiValueConverter would return ((ObservableCollection<Whatever>)values[0]).IndexOf(values[1]) + 1;

Custom Window WPF con Vb.Net

Pablo Roberto Cuellar Ribera21-Mar-14 9:59

Pablo Roberto Cuellar Ribera

21-Mar-14 9:59

SQL

I need help, I created a template to personalize my sale (title bar, buttons and so on) the template is in a Diccionari Resources would like to teach me where and what are the procedures to minimize and close the window to use this template, no I ask you to make a complete program guidelines only why I upload a sample project.

File link:http://www.4shared.com/rar/r5WLt9Qpce/WindowStyle.html

Kenneth Haugland21-Mar-14 10:11

Kenneth Haugland

21-Mar-14 10:11

I dont know what you want exactly, but you could take a look at this article i wrote and see if you could use what I wrote about the style. It contains information regarding Resource directory etc:
WPF-Drawing Canvas Control[^]

Pablo Roberto Cuellar Ribera

Pablo Roberto Cuellar Ribera21-Mar-14 10:40

21-Mar-14 10:40

My problem is not about styles is rather like giving shares Minimize and close a window with buttons that are in the style of customizing a window.

Kenneth Haugland23-Mar-14 10:49

Kenneth Haugland

23-Mar-14 10:49

It does have a custom minimize button and others, while it is not in the style, it can be placed there.

Meshack Musundi24-Mar-14 20:04

Meshack Musundi

24-Mar-14 20:04

Pablo Roberto Cuellar Ribera wrote:
what are the procedures to minimize and close the window

In the Click event handler for your minimize button,

VB.NET

Me.WindowState = Windows.WindowState.Minimized

In the Click event handler for your close button,

VB.NET

Me.Close()

"As beings of finite lifespan, our contributions to the sum of human knowledge is one of the greatest endeavors we can undertake and one of the defining characteristics of humanity itself"