带有asp.net的Telerik Scheduler - 在一个显示器中显示Everyones会议

Question

我正在创建一个包含列表人员（“倡导者”）和特定日期会议的图表，所有这些都在一个视图中。 我正在使用Telerik的RadScheduler控件（2011年第二季度）来自他们的RadControls for ASP.NET AJAX包。

我在倡导者和会议之间有M：M关系。 因此，我的数据库表名为GRS_Advocate ， GRS_Meeting和GRS_AdvocateToMeeting 。

我想要完成的是在X轴顶部有一个Y轴和时间（以一小时为增量）的倡导者列表。 我能找到的Telerik网站上最接近的例子是http://demos.telerik.com/aspnet-ajax/scheduler/examples/timelineview/defaultcs.aspx这里，这是我试图模仿我的数据的那个。

这是我想要的直观表示：

现在，这是我实际获得的屏幕截图：

这两个“重要会议”记录是针对同一次会议的 ，两个不同的倡导者计划参加。 此会议应显示在两个不同的行上，每个倡议者将安排一次，如第一张图片所示。

我怎么从这里到达那里？ 我怀疑问题可能在我在Grid中的<ResourceTypes>标记内。

这是我得到的代码 - 我也会分享C＃，虽然它在这里可能不那么重要。

<telerik:RadScheduler runat="server" ID="RadScheduler1" SelectedView="TimelineView"
    DayStartTime="09:00:00" DayEndTime="19:00:00" DataSourceID="EventsDataSource"
    DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"
     OverflowBehavior="Expand"
    Localization-HeaderMultiDay="Work Week" OnNavigationComplete="RadScheduler1_NavigationComplete">
    <AdvancedForm Modal="true" />
    <ResourceTypes>
        <telerik:ResourceType KeyField="Adv_AdvocateID" Name="Advocate" TextField="Adv_FullName" ForeignKeyField="Adv_AdvocateID"
            DataSourceID="AdvocatesDataSource" />
    </ResourceTypes>
    <TimelineView UserSelectable="true" GroupBy="Adv_AdvocateID" GroupingDirection="Horizontal" />
    <MultiDayView UserSelectable="true" />
    <DayView UserSelectable="false" />
    <WeekView UserSelectable="false" />
    <MonthView UserSelectable="false" />
</telerik:RadScheduler>

</asp:Panel>
<asp:SqlDataSource ID="EventsDataSource" runat="server"
    ProviderName="System.Data.SqlClient" ConnectionString="<%$ ConnectionStrings:GRSConnectionString %>"
    SelectCommand="select m.[Id], m.[Room], m.[Start], m.[End], m.[Notes], m.[Subject], a.[Adv_AdvocateID], a.[Adv_FullName] from GRS_Meeting m join GRS_AdvocateToMeeting am on am.Meeting = m.Id join GRS_Advocate a on am.advocate = a.Adv_AdvocateID">
</asp:SqlDataSource>
<asp:SqlDataSource ID="AdvocatesDataSource" runat="server"
    ProviderName="System.Data.SqlClient" ConnectionString="<%$ ConnectionStrings:GRSConnectionString %>"
    SelectCommand="SELECT  [Adv_AdvocateID],[Adv_FullName] FROM [GRS_Advocate]">
</asp:SqlDataSource>

和C＃代码，如果你有兴趣：

private void Page_Load(object sender, EventArgs e)
    {
        if (RadScheduler1.SelectedView == SchedulerViewType.TimelineView)
        {
            RadScheduler1.TimelineView.SlotDuration = TimeSpan.Parse(DurationList.SelectedValue);
            RadScheduler1.TimelineView.TimeLabelSpan = int.Parse(TimeLabelSpan.SelectedValue);
            RadScheduler1.TimelineView.ColumnHeaderDateFormat = ColumnHeaderDateFormat.SelectedValue;
            RadScheduler1.TimelineView.NumberOfSlots = int.Parse(NumberOfSlotsList.SelectedValue);
            RadScheduler1.TimelineView.GroupingDirection = (GroupingDirection)Enum.Parse(typeof(GroupingDirection), GroupingDirection.SelectedValue);
        }
        else if (RadScheduler1.SelectedView == SchedulerViewType.MultiDayView)
        {
            RadScheduler1.MultiDayView.NumberOfDays = int.Parse(NumberOfDaysList.SelectedValue);
            RadScheduler1.FirstDayOfWeek = (DayOfWeek)int.Parse(FirstDayOfWorkWeekList.SelectedValue);
            RadScheduler1.SelectedDate = RadScheduler1.SelectedDate.AddDays((int)RadScheduler1.FirstDayOfWeek - (int)RadScheduler1.SelectedDate.DayOfWeek);

        }
    }
    protected void RadScheduler1_NavigationComplete(object sender, SchedulerNavigationCompleteEventArgs e)
    {
        if (RadScheduler1.SelectedView == SchedulerViewType.MultiDayView)
        {

            RadScheduler1.MultiDayView.NumberOfDays = int.Parse(NumberOfDaysList.SelectedValue);
            RadScheduler1.FirstDayOfWeek = (DayOfWeek)int.Parse(FirstDayOfWorkWeekList.SelectedValue);

            //SelectedDate adjustment to make a Work Week view from Multi-day view
            int WorkWeekAdjustmentTimeShift = (int)RadScheduler1.FirstDayOfWeek - (int)RadScheduler1.SelectedDate.DayOfWeek;
            if (e.Command == SchedulerNavigationCommand.NavigateToNextPeriod)
            {
                if (WorkWeekAdjustmentTimeShift < 0)
                    WorkWeekAdjustmentTimeShift += 7;

            }
            else if (e.Command == SchedulerNavigationCommand.NavigateToPreviousPeriod)
            {
                if (WorkWeekAdjustmentTimeShift > 0)
                    WorkWeekAdjustmentTimeShift -= 7;
            }
            RadScheduler1.SelectedDate = RadScheduler1.SelectedDate.AddDays(WorkWeekAdjustmentTimeShift);
        }
    }

我已经在这方面工作了一段时间，我无法超越这一点。 任何帮助将不胜感激。

UPDATE

在评论中指出上面的图像是在日视图上，我应该使用时间轴。 那是对的; 但是，当我查看时间轴视图时，我的倡导者没有列出。 事实上，x轴上只有一个时间轴，根本没有y轴，也没有要显示的网格：

Answer 1

要模拟手头的Demo，您需要使用“Timeline View”，它可以在调度程序本身的“SelectedView”属性中选择。

此外，要按Adv_AdvocateID进行分组，您需要始终在“ResourceTypes”属性字段中引用您提供的“名称”字段。

- :)