Master detail grid in WPF devexpress.

See more:

C#

WPF

C#4.0

C#3.5

DevExpress

Can any one give me a solution to build a master detail grid ( not as inner grid)
out side of the grid. with different tabs in wpf devexpress

this is the code for the inner grid

     <dxg:gridcontrol.detaildescriptor xmlns:dxg="#unknown">
                                    <dxg:contentdetaildescriptor>
                                        <dxg:contentdetaildescriptor.contenttemplate>
                                            <datatemplate>
                                                <dxg:gridcontrol x:name="grdCntrlUserRoles" itemssource="{Binding DiscountRuleUserRoles}" maxheight="500" xmlns:x="#unknown">  
                                                        <dxg:gridcontrol.columns>
                                                        <dxg:gridcolumn x:name="grdColRole" fieldname="RoleID" header=" Role" visibleindex="0">
</dxg:gridcolumn></dxg:gridcontrol.columns>

                                                        <dxg:gridcontrol.view>
                                                        <dxg:tableview name="tblViewDiscountRuleRoles" />                                                   
                                                    </dxg:gridcontrol.view>
                                                </dxg:gridcontrol>
                                            </datatemplate>
                                        </dxg:contentdetaildescriptor.contenttemplate>
                                    </dxg:contentdetaildescriptor></dxg:gridcontrol.detaildescriptor>

I need this inner grid as out side with differnt tabs