C# 更改计划程序上的列宽

C# 更改计划程序上的列宽,c#,asp.net-mvc,kendo-ui,kendo-scheduler,column-width,C#,Asp.net Mvc,Kendo Ui,Kendo Scheduler,Column Width,我正在尝试做一些看起来应该相对容易做的事情,尽管我找不到任何关于如何做的来源 我有一个剑道调度程序控件,它呈现为DayView。我只是想改变列的宽度。以下是屏幕截图: 以下是我的MVC视图代码: <div> @(Html.Kendo().Scheduler<TechScheduler.Infrastructure.ViewModels.ScheduleEventModel>() .Name("scheduler") .Editable(true)

我正在尝试做一些看起来应该相对容易做的事情,尽管我找不到任何关于如何做的来源

我有一个剑道调度程序控件,它呈现为DayView。我只是想改变列的宽度。以下是屏幕截图:

以下是我的MVC视图代码:

<div>
    @(Html.Kendo().Scheduler<TechScheduler.Infrastructure.ViewModels.ScheduleEventModel>()
    .Name("scheduler")
    .Editable(true)
    .Date(DateTime.Now)
    .StartTime(new DateTime(DateTime.Now.AddYears(-1).Year, DateTime.Now.AddYears(-1).Month, DateTime.Now.AddYears(-1).Day, 0, 0, 0))
    .EndTime(new DateTime(DateTime.Now.AddYears(1).Year, DateTime.Now.AddYears(1).Month, DateTime.Now.AddYears(1).Day, 23, 59, 59))
    .WorkDayStart(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 0, 0, 0))
    .WorkDayEnd(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 23, 59, 0))
    .WorkWeekStart(0)
    .WorkWeekEnd(7)
    .MajorTick(60)
    .Height(600)                
    .Timezone("Etc/UTC")
    .Events(e =>
    {
        e.ResizeEnd("scheduler_resizeEnd");
        e.DataBound("scheduler_dataBound");
        e.Edit("scheduler_edit");
    })
    .Views(views =>
    {
        views.DayView(z =>
        {
            z.StartTime(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 0, 0, 0));
            //z.EndTime(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 23, 59, 59));
            z.MajorTick(60);
            z.ShowWorkHours(false);
            z.Footer(false);
            z.EventTemplateId("evenTemplate");
        });            
    })
    .Group(group => group.Resources("Attendees").Orientation(SchedulerGroupOrientation.Horizontal))
    .Resources(resource =>
    {
        resource.Add(m => m.Attendees)
            .Title("Attendees")
            .Name("Attendees")
            .Multiple(true)
            .DataTextField("TechnicianName")
            .DataValueField("TechnicianId")
            .DataColorField("Color")
            .DataSource(ds => ds.Read("GetTechnicians", "Ajax"));
    })
    .DataSource(d => d.Model(m =>
            {
                m.Id(f => f.MeetingID);
                m.RecurrenceId(f => f.RecurrenceID);
                m.Field(f => f.Title).DefaultValue("No title");
            })
            .Read("GetSchedule", "Ajax")
    )
    )
</div>

@(Html.Kendo().Scheduler())
.Name(“调度程序”)
.可编辑(真)
.Date(DateTime.Now)
.StartTime(新的DateTime(DateTime.Now.AddYears(-1).年,DateTime.Now.AddYears(-1).月,DateTime.Now.AddYears(-1).日,0,0,0))
.EndTime(新的日期时间(DateTime.Now.AddYears(1).年,DateTime.Now.AddYears(1).月,DateTime.Now.AddYears(1).日,23,59,59))
.WorkDayStart(新日期时间(DateTime.Now.Year、DateTime.Now.Month、DateTime.Now.Day、0,0))
.WorkDayEnd(新的DateTime(DateTime.Now.Year,DateTime.Now.Month,DateTime.Now.Day,23,59,0))
.WorkWeekStart(0)
.周末工作(7)
马约蒂克先生(60)
.高度(600)
.时区(“Etc/UTC”)
.事件(e=>
{
e、 ResizeEnd(“调度器_ResizeEnd”);
e、 数据绑定(“调度器_数据绑定”);
e、 编辑(“调度器_编辑”);
})
.视图(视图=>
{
视图。DayView(z=>
{
z、 StartTime(新的DateTime(DateTime.Now.Year,DateTime.Now.Month,DateTime.Now.Day,0,0));
//z、 EndTime(新的DateTime(DateTime.Now.Year,DateTime.Now.Month,DateTime.Now.Day,23,59,59));
z、 马约蒂克(60);
z、 显示工作时间(假);
z、 页脚(假);
z、 EventTemplateId(“EventTemplate”);
});            
})
.Group(Group=>Group.Resources(“与会者”).Orientation(SchedulerGroupOrientation.Horizontal))
.Resources(resource=>
{
resource.Add(m=>m.attendes)
.标题(“与会者”)
.姓名(“与会者”)
.多重(真)
.DataTextField(“TechnicianName”)
.DataValueField(“Technician ID”)
.DataColorField(“颜色”)
.DataSource(ds=>ds.Read(“GetTechnicians”、“Ajax”);
})
.DataSource(d=>d.Model(m=>
{
m、 Id(f=>f.MeetingID);
m、 复发ID(f=>f.RecurrenceId);
m、 字段(f=>f.Title).DefaultValue(“无标题”);
})
.Read(“GetSchedule”、“Ajax”)
)
)
有一个属性,但它在属性正下方的注释中指出,它仅在时间轴视图中受支持


我怎样才能使我的列宽变小?

我能够解决这个问题。如果其他人有此问题,我使用此CSS代码更改大小:

.k-scheduler-content .k-scheduler-table,
.k-scheduler-header .k-scheduler-table {
    width: @(TechScheduler.Infrastructure.Technicians.GetNumberOfTechnicians() * 100)px;
}

我有一个名为
GetNumberOfTechnicians()
的方法,它基本上返回调度程序上的列数,然后将其乘以我希望每列的像素数(100px)。到目前为止,它似乎与我的所有测试都配合得很好

减小整个调度程序的宽度是一个选项吗?列的默认宽度相对于整个列width@chiapa-我试过了。它使调度程序控件本身变小,但列的宽度完全相同。如果你需要的话,我可以发布一个屏幕截图。这很奇怪,我很想看到!你能发布你的事件模板代码和相应的CSS吗?