Browse button to collectioneditor

[Joel]

I have a CollectionEditor called Pictures which has key value pairs as items. The value is a path to an image file. My template for CollectionEditor looks like this:

<Style TargetType="telerik:CollectionEditor">
        <Setter Property="ItemTemplate">
            <Setter.Value>
                <DataTemplate>
                    <TextBlock Text="{Binding Path=Bit}" />
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>

I would like to add a browse button to the 'content' field. Is that possible?

[Stefan Nenchev]

Hello Joel,

As the CollectionEditor uses a RadPropertyGrid in its ControlTemplate to represent the different properties of the items within the source collection, you need to modify the ControlTemplate of the CollectionEditor and set an EditorTemplateSelector for the PropertyGrid it uses. Eventually, you can return a button for the specific PropertyDefinition as shown in the article.

Please check the attached sample where I have shown how to achieve the desired behavior.

Regards,
Stefan Nenchev
Telerik by Progress

[Joel]

The Browse button doesn't seem to work in the example.

-Joel

[Stefan Nenchev]

Hi Joel,

The example just shows how to add a button or any other element as an editor for a given PropertyDefinition. As you can see, no logic is triggered when clicking it as I just wanted to give you a broad idea of the path you need to take. Eventually, It is up to you to further modify it so that your exact requirement is achieved. 

Please check the AutoBindBehavior with EditorTemplateSelector demo from our SDK Samples Browser 
as it shows how you can bind a property of your business object to the selected file of an OpenFIleDialog.

Regards,
Stefan Nenchev
Telerik by Progress