Caliburn Micro: WPF, Silverlight, WP7 and WinRT/Metro made easy.

AndersM

Jan 27 at 9:55 AM

Hi.

I'm trying to use AvalonDock 2.0 with Caliburn, the first problem I encounter is how to use the Autobinder to setup a ViewModel against a View, this does not work

<avalondock:LayoutDocumentPane>
    <avalondock:LayoutAnchorable Title="My View">
        <ContentControl x:Name="MyViewModel" />
    </avalondock:LayoutAnchorable>
</avalondock:LayoutDocumentPane>

I'm guessing Caliburn cant intercept the content control inside the avalon control?

mvermef

Jan 27 at 6:10 PM

Edited Jan 27 at 6:10 PM

there a few examples of using a docking system just do a search, it wasn't specific to avalon

AndersM

Jan 27 at 9:11 PM

Edited Jan 27 at 9:15 PM

I got that part working based on the MVVM example. Looks like this now

        <avalonDock:DockingManager
            AnchorablesSource="{Binding Tools}"
            DocumentsSource="{Binding Scripts}"
            ActiveContent="{Binding ActiveScript, Mode=TwoWay}">
            <avalonDock:DockingManager.LayoutItemContainerStyle>
                <Style TargetType="{x:Type avalondock:LayoutItem}">
                    <Setter Property="Title"
                Value="{Binding Model.Title}" />
                </Style>
                
            </avalonDock:DockingManager.LayoutItemContainerStyle>
            <avalonDock:DockingManager.LayoutItemTemplateSelector>
                <avalon:AutobinderTemplateSelector>
                    <avalon:AutobinderTemplateSelector.Template>
                        <DataTemplate>
                            <ContentControl cal:View.Model="{Binding . }" IsTabStop="False" />
                        </DataTemplate>
                    </avalon:AutobinderTemplateSelector.Template>
                </avalon:AutobinderTemplateSelector>
            </avalonDock:DockingManager.LayoutItemTemplateSelector>
            <avalondock:LayoutRoot>
                <avalondock:LayoutPanel Orientation="Vertical">
                    <avalondock:LayoutDocumentPane/>
                    <avalondock:LayoutAnchorablePane DockHeight="150">
                    </avalondock:LayoutAnchorablePane>
                </avalondock:LayoutPanel>
            </avalondock:LayoutRoot>
        </avalonDock:DockingManager>

Important part is

<ContentControl cal:View.Model="{Binding . }" IsTabStop="False" />

Each model needs to Inherit from a Base thats have a Title property

tibel

Developer

Jan 28 at 6:49 AM

Also you might have a look at Gemini from Tim Jones.

AndersM

Jan 28 at 6:59 AM

Edited Jan 28 at 7:00 AM

Thanks saw that one, but it was a bit hefty for me, it takes a way the Micro form Caliburn. But the above stuff works nice.

Updating...

AvlonDock 2.0 and Caliburn Micro

Text Formatting

Lists

Quotes

Code

References

AndersM Jan 27 at 9:55 AM	Hi. I'm trying to use AvalonDock 2.0 with Caliburn, the first problem I encounter is how to use the Autobinder to setup a ViewModel against a View, this does not work <avalondock:LayoutDocumentPane> <avalondock:LayoutAnchorable Title="My View"> <ContentControl x:Name="MyViewModel" /> </avalondock:LayoutAnchorable> </avalondock:LayoutDocumentPane> I'm guessing Caliburn cant intercept the content control inside the avalon control?

mvermef Jan 27 at 6:10 PM Edited Jan 27 at 6:10 PM	there a few examples of using a docking system just do a search, it wasn't specific to avalon

AndersM Jan 27 at 9:11 PM Edited Jan 27 at 9:15 PM	I got that part working based on the MVVM example. Looks like this now <avalonDock:DockingManager AnchorablesSource="{Binding Tools}" DocumentsSource="{Binding Scripts}" ActiveContent="{Binding ActiveScript, Mode=TwoWay}"> <avalonDock:DockingManager.LayoutItemContainerStyle> <Style TargetType="{x:Type avalondock:LayoutItem}"> <Setter Property="Title" Value="{Binding Model.Title}" /> </Style> </avalonDock:DockingManager.LayoutItemContainerStyle> <avalonDock:DockingManager.LayoutItemTemplateSelector> <avalon:AutobinderTemplateSelector> <avalon:AutobinderTemplateSelector.Template> <DataTemplate> <ContentControl cal:View.Model="{Binding . }" IsTabStop="False" /> </DataTemplate> </avalon:AutobinderTemplateSelector.Template> </avalon:AutobinderTemplateSelector> </avalonDock:DockingManager.LayoutItemTemplateSelector> <avalondock:LayoutRoot> <avalondock:LayoutPanel Orientation="Vertical"> <avalondock:LayoutDocumentPane/> <avalondock:LayoutAnchorablePane DockHeight="150"> </avalondock:LayoutAnchorablePane> </avalondock:LayoutPanel> </avalondock:LayoutRoot> </avalonDock:DockingManager> Important part is <ContentControl cal:View.Model="{Binding . }" IsTabStop="False" /> Each model needs to Inherit from a Base thats have a Title property

tibel Developer Jan 28 at 6:49 AM	Also you might have a look at Gemini from Tim Jones.

AndersM Jan 28 at 6:59 AM Edited Jan 28 at 7:00 AM	Thanks saw that one, but it was a bit hefty for me, it takes a way the Micro form Caliburn. But the above stuff works nice.