Details

Written by: Stanko Milosev

Category: WPF

Published: 13 May 2014

Last Updated: 13 May 2014

Hits: 5037

Playing with ComboBox.

Today I was playing little with ComboBox, and I made some binding, so here is my XAML:

<Window x:Class="TemplateChooser.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:viewModel="clr-namespace:TemplateChooser.ViewModel"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
      
        <Grid.Resources>
            <viewModel:TemplateChooserViewModel x:Key="TemplateChooserViewModel" />
        </Grid.Resources>
      
        <Grid.RowDefinitions>
          <RowDefinition Height="30"/>
          <RowDefinition Height="30"/>
        </Grid.RowDefinitions>
      
        <ComboBox Name="myCombo" DataContext="{StaticResource TemplateChooserViewModel}" ItemsSource="{Binding TemplateItems}" SelectedValue="{Binding TemplateItems[0]}"/>
        <Button Grid.Row="1" Content="{Binding Path=SelectedValue, ElementName=myCombo}"/>
    
    </Grid>
</Window>

Here notice line:

SelectedValue="{Binding TemplateItems[0]}"

After that, notice how I binded button

<Button Grid.Row="1" Content="{Binding Path=SelectedValue, ElementName=myCombo}"/>

I am not sure if this binding is proper, but it is working :)

Here is my view model:

public class TemplateChooserViewModel
{
	public IEnumerable<string> TemplateItems { get; set; }

	public TemplateChooserViewModel()
	{
		TemplateItems = new[] { "Template1", "Template2" };
	}
}

Example project you can download from here.

Details

Written by: Stanko Milosev

Category: WPF

Published: 09 May 2014

Last Updated: 09 May 2014

Hits: 9563

Name of the article, and content taken from here

I was playing with WPF WebBrowser control, but it seems that WPF WebBrowser is either not finished yet, or I don't know how to use it. First problem is that it seems that I am unable to suppress script errors. Another problem was that I couldn't find easy way to check if WebBrowser finished loading.

Add to reference list System.Windows.Forms, and WindowsFormsIntegration, like on the pictures:

Your XAML should look like:

<Window x:Class="WebBrowser.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525" 
		Loaded="Window_Loaded">
    <Grid Name="grid1">
        
    </Grid>
</Window>

Notice lines:

Loaded="Window_Loaded"

and

<Grid Name="grid1">

To get line Loaded="Window_Loaded", you can also click on the window, go to Properties, events, and double click on loaded:

Then your code behind should look like:

public partial class MainWindow : Window
{
	public MainWindow()
	{
		InitializeComponent();
	}

	private void Window_Loaded(object sender, RoutedEventArgs e)
	{
		System.Windows.Forms.Integration.WindowsFormsHost host = new System.Windows.Forms.Integration.WindowsFormsHost();
		System.Windows.Forms.WebBrowser browser = new System.Windows.Forms.WebBrowser();

		host.Child = browser;
		this.grid1.Children.Add(host);

		browser.ScriptErrorsSuppressed = true;
		browser.Navigate("http://www.milosev.com");
	}
}

Or, if you want to use browser in some another class, then it should look like:

public partial class MainWindow : Window
{
	public static System.Windows.Forms.WebBrowser browser = new System.Windows.Forms.WebBrowser();

	public MainWindow()
	{
		InitializeComponent();
	}

	private void Window_Loaded(object sender, RoutedEventArgs e)
	{
		System.Windows.Forms.Integration.WindowsFormsHost host = new System.Windows.Forms.Integration.WindowsFormsHost();

		host.Child = browser;
		this.grid1.Children.Add(host);

		browser.ScriptErrorsSuppressed = true;
	}
}

Notice that browser is declared a static:

public static System.Windows.Forms.WebBrowser browser = new System.Windows.Forms.WebBrowser();

You can access it like:

MainWindow.browser.Navigate("http://www.milosev.com");

Example project you can download from here.

Details

Written by: Stanko Milosev

Category: WPF

Published: 08 May 2014

Last Updated: 11 May 2014

Hits: 6775

Idea is to create collection of buttons in user control.

So, first start new project (i.e. ItemsControl), and, for example, in same solution add new WPF User Control Library:

After enter XAML like:

<UserControl x:Class="MyItemsControl.MyItemsControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <ItemsControl ItemsSource="{Binding MyTest}">
            
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Button Content="Test"/>
                </DataTemplate>
            </ItemsControl.ItemTemplate>

        </ItemsControl>
    </Grid>
</UserControl>

Notice line:

<ItemsControl ItemsSource="{Binding MyTest}">

MyTest property will be hidden in another class (SomeAnotherClass), not in the main datacontext, which I will explain later.

Now, save, and build the solution. In main project (ItemsControl), in references add your user control (MyItemsControl):

Write XAML like:

<Window x:Class="ItemsControl.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:myItemsControl="clr-namespace:MyItemsControl;assembly=MyItemsControl"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <myItemsControl:MyItemsControl DataContext="{Binding MyDataContext}"/>
    </Grid>
</Window>

Notice line:

<myItemsControl:MyItemsControl DataContext="{Binding MyDataContext}"/>

In code behind of main project (ItemsControl) I wrote something like:

public MainWindow()
{
  ItemsControlViewModel icvm;
  icvm = new ItemsControlViewModel();

  this.DataContext = icvm;
  InitializeComponent();
}

Then class ItemsControlViewModel looks like:

public class ItemsControlViewModel
{
	public SomeAnotherClass MyDataContext { get; set; }

	public ItemsControlViewModel()
	{
		MyDataContext = new SomeAnotherClass();
	}
}

Notice that here I created MyDataContext as a property, and I referenced that class to another class (SomeAnotherClass) which looks like:

public class SomeAnotherClass
{
	public IEnumerable<string> MyTest { get; set; }

	public SomeAnotherClass()
	{
		MyTest = new[] { "test" };
	}
}

Here notice:

public IEnumerable<string> MyTest { get; set; }

Which is property called from my user control, also notice that is of the type IEnumerable, that is because it is binded to ItemsControl.

Here you can download example.