WPF DataGrid: Working with DataGridComboBoxColumns CTP (Part 2)

Vincent Sibal's Blog : WPF DataGrid: Working with DataGridComboBoxColumn

Vincent Sibal's Blog : WPF DataGrid: Working with DataGridComboBoxColumn — Thu, 28 Aug 2008 17:55:35 GMT

PingBack from http://blogs.msdn.com/vinsibal/archive/2008/08/26/wpf-datagrid-working-with-datagridcomboboxcolumn.aspx

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

pan — Fri, 29 Aug 2008 16:24:44 GMT

I have really not much enthusiasm for these converter solutions. A combobox in a datagrid is used almost everywhere. It cannot be to discover each time such code constructs, also not for a subclassing solution. We all heard about Rapid Application Development. In Windows Forms, we use for a combobox 4 properties: DataPropertyName, DataSource, DisplayMember and ValueMember. In WPF we need the same or something similar!

(An even “more” Rapid Application Development was possible with Access 15 years ago…)

So, since this is just a preview, I hope that the final version of the grid will have these improvements. Could you tell us, if the development goes in this direction?

Thanks a lot

Peter

.NET 3.5 SP1 and WPF DataGrid CTP are out now!

Vincent Sibal's Blog — Fri, 29 Aug 2008 19:22:33 GMT

As you might have heard, .NET Framework 3.5 SP1 and Visual Studio 2008 SP1 are out today! There are a

WPF DataGrid: Dissecting the Visual Layout

Vincent Sibal's Blog — Fri, 29 Aug 2008 19:27:43 GMT

I’m going to be dissecting and discussing the DataGrid visuals and how they are all assembled together

WPF DataGrid: Stock and Template Columns

Vincent Sibal's Blog — Fri, 29 Aug 2008 19:32:27 GMT

Overview The DataGrid uses a set of DataGridColumns to describe how to display its data just like a GridView

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

vinsibal — Thu, 04 Sep 2008 01:13:10 GMT

Peter,

In the current implementation of DataGrid and ComboBox a conversion must take place to go from one table to another. Because of that, the DataGrid cannot guess how to convert so the app developer must provide a custom implementation.

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

Hardik — Fri, 19 Sep 2008 06:10:21 GMT

Hi Vincent,

I am stuck with using comboBox in dataGrid where my combobox should have list of images and it should be getting from code-behind page of xaml page. So, I have one method say "CablesImagesMethod" that returns System.Windows.Controls.Images.

But, I wanna bind the selected value from combobox to "ImageStore" property of collection that is bind to dataGrid. Exactly, like your second example but in my case I need to use Image rather than "TextBlock" (I think so).

so my code is like....

<Grid.Resources>

<UI1:ImageStoreConverter x:Key="ImageConverter"/>

</Grid.Resources>

<dg:DataGridTemplateColumn>

<dg:DataGridTemplateColumn.CellTemplate>

</DataTemplate>

</dg:DataGridTemplateColumn.CellTemplate>

<dg:DataGridTemplateColumn.CellEditingTemplate>

<ComboBox ItemsSource="{Binding Source={StaticResource imageDataProvider}}"

SelectedValue="{Binding Path=ImageStore, Converter={StaticResource ImageConverter}}" SelectedValuePath="ImageStore" Width="50" />

</DataTemplate>

</dg:DataGridTemplateColumn.CellEditingTemplate>

</dg:DataGridTemplateColumn>

In result, it is displaying column as an image with converting and displaying correct image from "ImageStore" property of collection. But when I click on image, it becomes empty combobox and after when I select or click on another cell it goes back to image with displaying correct image.

So, my question is why it is not displaying or getting anything in combobox?

for testing purpose, I have one combobox outside the DataGrid and code for that is like...

and it is getting all correct images and displaying.

so , I tried using that way in binding ItemSource with elementName and Path, but still it doesn't work for DataGrid.

So, In conclusion, How can I populate a ComboBox inside DataGrid with collection of Images that is comming from a property (or method) of code-behind page?

WPF DataGrid – Styling rows and columns based on Header conditions and other properties

Vincent Sibal's Blog — Fri, 19 Sep 2008 18:11:10 GMT

There have been several questions on the WPF CodePlex discussion list relating to styling rows and columns

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

vinsibal — Sat, 20 Sep 2008 20:06:37 GMT

Hardik,

Is your ImageConverter being called at all for the ComboBox binding? Also, for the binding on the Image, the Mode should be OneWay. I don't think that would be the reason why the images are not showing up in the ComboBox though. Could you also post a snippet of the class for the return value of the method CableImages.

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

Hardik — Mon, 22 Sep 2008 08:08:17 GMT

Hi Vincent,

I have put that ImageConverter in ComboBox for try and error purpose, it don't think so it does a metter, because I am not using any converter while binding with combobox outside the dataGrid and it displays the images.

my class snippet is like..

in Xaml page:

<UserControl x:Class="MyNameSpace.CablesSegmentsPage"

xmlns:local="clr-namespace:MyNameSpace"

.......

x:Name="m_CablesSegmentsPage">

in code-behind page (C#)..

namespace MyNameSpace

{

public partial class CablesSegmentsPage

{

public Collection<Image> CablesImagesMethod()

{

//code for getting images in cableImages.........

return cablesImages;

}

give me some idea, if I am doing something wrong.

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

vinsibal — Tue, 23 Sep 2008 06:50:31 GMT

Hardik,

I did something along these lines and got it to work:

<dg:DataGridTemplateColumn.CellEditingTemplate>

<ComboBox ItemsSource="{Binding Source={StaticResource ImageList}}"

SelectedItem="{Binding Path=Picture, Converter={StaticResource ImageConverter}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"> </ComboBox>

</DataTemplate>

</dg:DataGridTemplateColumn.CellEditingTemplate>

public class ImageConverter : IValueConverter

{

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)

{

return new Image { Source = new BitmapImage(new Uri("pack://application:,,,/" + (string)value)) };

}

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)

{

Image image = value as Image;

return (image.Source as BitmapImage).UriSource.AbsolutePath;

}

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

Hardik — Tue, 23 Sep 2008 07:07:26 GMT

Hi Vincent,

Is it possible to send me your whole sample than it will be more clear for me?

because i can't figure out that how do you define StaticResource ImageList.

Thanks in advance...

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

Hardik — Tue, 23 Sep 2008 07:40:48 GMT

Hi Vincent,

I got my combobox working with exactly the same stuff i was doing before, but only problem was my method wasn't static.

thanks a lot.....

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

Hardik — Wed, 24 Sep 2008 05:10:17 GMT

Hi Vincent,

I have one more questions, when I click on ComboBox, it is not remebering (Displaying) the currentItem.

Is it a normal or something that I am not doing?

thnaks

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

Vitaly — Fri, 03 Oct 2008 02:04:34 GMT

Here is one more solution without using Converter. The idea is to use ComboBox in CellTemplate with attribute IsEnabled="False":

<dg:DataGridTemplateColumn Header="CustomerID (ContactName alias)">

<dg:DataGridTemplateColumn.CellTemplate>

</DataTemplate>

</dg:DataGridTemplateColumn.CellTemplate>

<dg:DataGridTemplateColumn.CellEditingTemplate>

</DataTemplate>

</dg:DataGridTemplateColumn.CellEditingTemplate>

</dg:DataGridTemplateColumn>

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

vinsibal — Fri, 03 Oct 2008 04:54:15 GMT

Vitaly,

That is a good solution and at the time of writing the post I didn't think about that. In fact, the DataGridComboBoxColumn has already been updated in the final release with a somewhat similar solution. Thanks for your input!

re: WPF DataGrid: Working with DataGridComboBoxColumns (Part 2)

vinsibal — Fri, 31 Oct 2008 17:11:03 GMT

Hardik,

I know it's a pretty late reply, but are you having the same ComboBox issue with the v1 version?

re: WPF DataGrid: Working with DataGridComboBoxColumns CTP (Part 2)

Sachet — Wed, 05 Nov 2008 16:22:51 GMT

Can you please tell me how autocomplete and autosuggest feature can be added to the combobox column?

re: WPF DataGrid: Working with DataGridComboBoxColumns CTP (Part 2)

vinsibal — Wed, 05 Nov 2008 16:55:51 GMT

Sachet,

Try setting the EditingElementStyle in a DataGridComboBoxColumn,

<dg:DataGridComboBoxColumn.EditingElementStyle>

</Style> </dg:DataGridComboBoxColumn.EditingElementStyle>

re: WPF DataGrid: Working with DataGridComboBoxColumns CTP (Part 2)

Ivan — Thu, 30 Apr 2009 17:35:47 GMT

hi Vincent! Trying to work with dataGrid(DG). the aim is to get DGwith several columns/ the first column must be of combobox type.

XAML is:

<my:DataGrid xmlns:my="clr-namespace:Microsoft.Windows.Controls;assembly=WPFToolkit" Height="262.5" Margin="326.25,0,14,67.5" x:Name="ProgParamsDataGrid" VerticalAlignment="Bottom" Background="#FFEBE9ED" FontFamily="./Fonts\#Tahoma" FontSize="11" d:IsStaticText="False" AutoGenerateColumns="False" CanUserReorderColumns="False" CanUserResizeColumns="False" CanUserSortColumns="False" FontWeight="Normal" HeadersVisibility="Column" ColumnHeaderHeight="40" CanUserResizeRows="False" SelectionUnit="Cell" SelectionMode="Single">

<my:DataGrid.Columns>

<my:DataGridComboBoxColumn CanUserReorder="False" CanUserResize="False" CanUserSort="False" Header="Тип стимуляции" Width="120" ItemsSource="{???}" SelectedItemBinding="{Binding Path=StimulationType}"/>

<my:DataGridTextColumn Header="Амплитуда,%" CanUserReorder="False" CanUserResize="False" CanUserSort="False" IsReadOnly="True" Width="75" Binding="{Binding Path=Amplitude}" />

<my:DataGridTextColumn Header="Частота (тр/bur), Гц" HeaderStringFormat="" CanUserReorder="False" CanUserResize="False" CanUserSort="False" IsReadOnly="True" Width="75" Binding="{Binding Path=FreqInTrayn_Burst}"/>

<my:DataGridTextColumn Header="Импульсов (тр/burst)" CanUserReorder="False" CanUserResize="False" Width="75" Binding="{Binding Path=ImpInTrayn_Burst}"/>

<my:DataGridTextColumn Header="Пауза, с" CanUserReorder="False" CanUserResize="False" Width="75" Binding="{Binding Path=Pause}"/>

<my:DataGridTextColumn Header="Количество трейнов" CanUserReorder="False" CanUserResize="False" MinWidth="8" Width="75" Binding="{Binding Path=CountTrayn}"/>

<my:DataGridTextColumn Header="Импульсов в burst" CanUserReorder="False" CanUserResize="False" Width="75" Binding="{Binding Path=ImpInBurst}"/>

<my:DataGridTextColumn Header="Частота в burst, Гц" CanUserReorder="False" CanUserResize="False" Width="75" Binding="{Binding Path=FreqInBurst}"/>

</my:DataGrid.Columns>

</my:DataGrid>

everything is ok but:i dont know how to set item source binding - items must be token from the list<string> from the Window1.xaml.cs.

I spent about a week but got no results. PLEASE, HELP ME. and if you can answer on inbush@rambler.ru

Thank you. Ivan

re: WPF DataGrid: Working with DataGridComboBoxColumns CTP (Part 2)

vinsibal — Thu, 30 Apr 2009 19:54:42 GMT

Ivan,

See this post, http://blogs.msdn.com/vinsibal/archive/2008/12/17/wpf-datagrid-dynamically-updating-datagridcomboboxcolumn.aspx.