如何解决在Elmish.WPFF#中,如何编写绑定以支持具有不同模型的另一个tabcontrol中的tabcontrol?
作为一个完整的新手(但学习速度很快),我一直在通过Elmish.wpf进行研究,但是我不清楚如何管理放置在另一个TabControl的TabItem上的TabControl。例如,在Xaml中,顶层窗口是:
<Window x:Class="FrontOffice.MainWindow"
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"
xmlns:local="clr-namespace:FrontOffice"
xmlns:doctor="clr-namespace:Doctor"
mc:Ignorable="d"
d:DesignHeight="450" d:DesignWidth="800">
<Window.Resources>
<DataTemplate x:Key="DoctorViewTemplate">
<doctor:DoctorView />
</DataTemplate>
<DataTemplate x:Key="NurseViewTemplate">
<local:NurseView/>
</DataTemplate>
<DataTemplate x:Key="MedicalRecordsViewTemplate">
<local:MedicalRecordsView/>
</DataTemplate>
<DataTemplate x:Key="PatientViewTemplate">
<local:PatientView/>
</DataTemplate>
<DataTemplate x:Key="ProvidersViewTemplate">
<local:ProvidersView/>
</DataTemplate>
<local:PropertyDataTemplateSelector x:Key="templateSelector"
DoctorViewTemplate="{StaticResource DoctorViewTemplate}"
NurseViewTemplate="{StaticResource NurseViewTemplate}"
MedicalRecordsViewTemplate="{StaticResource MedicalRecordsViewTemplate}"
PatientViewTemplate="{StaticResource PatientViewTemplate}"
ProvidersViewTemplate="{StaticResource ProvidersViewTemplate}"/>
</Window.Resources>
<Grid>
<TabControl ItemsSource="{Binding Tabs}" ContentTemplateSelector="{StaticResource templateSelector}">
<TabControl.ItemContainerStyle>
<Style TargetType="{x:Type TabItem}">
<Setter Property="Header" Value="{Binding Header}" />
</Style>
</TabControl.ItemContainerStyle>
</TabControl>
</Grid>
</Window>
每个视图:DoctorView,NurseView,MedicalRecordsView等,都有与其类似的自己的标签控件(但具有不同的视图和属性):
<UserControl x:Class="Doctor.DoctorView"
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"
xmlns:local="clr-namespace:Doctor"
mc:Ignorable="d"
d:DesignHeight="450" d:DesignWidth="800">
<UserControl.Resources>
<DataTemplate x:Key="AppointmentsViewTemplate">
<local:AppointmentsView />
</DataTemplate>
<DataTemplate x:Key="ChartStatusViewTemplate">
<local:ChartStatusView/>
</DataTemplate>
<DataTemplate x:Key="CheckInViewTemplate">
<local:CheckInView/>
</DataTemplate>
<local:PropertyDataTemplateSelector x:Key="templateSelector"
AppointmentsViewTemplate="{StaticResource AppointmentsViewTemplate}"
ChartStatusViewTemplate="{StaticResource ChartStatusViewTemplate}"
CheckInViewTemplate="{StaticResource CheckInViewTemplate}"/>
</UserControl.Resources>
<Grid>
<TabControl ItemsSource="{Binding Tabs}" ContentTemplateSelector="{StaticResource templateSelector}">
<TabControl.ItemContainerStyle>
<Style TargetType="{x:Type TabItem}">
<Setter Property="Header" Value="{Binding Header}" />
</Style>
</TabControl.ItemContainerStyle>
</TabControl>
</Grid>
</UserControl>
F#中最顶端的窗口是 当前 ,定义为:
namespace FrontOfficeModels
open Elmish.WPF
open Elmish
module FrontOffice =
type DetailType =
| DoctorView
| NurseView
| MedicalRecordsView
| PatientView
| ProviderView
type Tab = { Id: int; Header: string; Type: DetailType }
type Model =
{ Tabs: Tab list
Selected: int option }
type Msg =
| Select of int option
let init () =
{ Tabs = [{Id=0; Header="Doctor View"; Type=DoctorView}
{Id=1; Header="Nurse View"; Type=NurseView}
{Id=2; Header="Medical Records View"; Type=MedicalRecordsView}
{Id=3; Header="Patient View"; Type=PatientView}
{Id=4; Header="Provider View"; Type=ProviderView }
]
Selected = Some 3 }
let update msg m =
match msg with
| Select entityId -> { m with Selected = entityId }
let bindings () : Binding<Model,Msg> list = [
"Tabs" |> Binding.oneWay (fun m -> m.Tabs)
]
let designVm = ViewModel.designInstance (init ()) (bindings ())
let main window =
Program.mkSimpleWpf init update bindings
|> Program.withConsoleTrace
|> Program.runWindowWithConfig
{ ElmConfig.Default with LogConsole = true; Measure = true }
window
现在,我想我需要将DetailType中的DoctorView,NurseView等更改为单独的模型-因为每个模型现在都具有自己的标签控件和用于数据输入的完全不同的属性,
type DetailType =
| DoctorView
| NurseView
| MedicalRecordsView
| PatientView
| ProviderView
,并且我认为我需要使用Elmish.WPF Bindings.SubModel。但是,如果这样做,那么如何重写顶部窗口的绑定?最好怎么做?
谢谢您的帮助。
TIA
解决方法
OP cross发布在this GitHub issue,我在this comment回答了他们的问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。