2

我们正在尝试使用 Razor 研究 Kendo UI 的灵活性。

我们正在使用 MVC4 razor view JQXwidgets 和 kendo scheduler

在自定义事件模板上,我想添加一些 JQX 控件,如下拉列表、文本框、日历控件等。

在如何使用定义的资源并将它们绑定到 JQX 控件方面需要帮助

这是我的调度程序:

@(Html.Kendo().Scheduler() .Name("AScheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(new DateTime(2013, 6, 13, 7, 00, 00)) .高度(600)

.Editable(editable =>
{
    editable.TemplateId("UpdateTemplate");
})   
.Views(views =>
{
    views.DayView();
    views.WeekView();
    views.MonthView(monthView => monthView.Selected(true));
})
.Timezone("Etc/UTC")
.Resources(resource =>
{
    resource.Add(m => m.ReasonId)
        .Title("Reason")
                       .DataTextField("Text")
                       .BindTo(new[] { 
                     new { Text = "John", Value = 1, Color = "#f8a398" } ,
                     new { Text = "Bob", Value = 2, Color = "#51a0ed" } ,
                     new { Text = "Dell", Value = 3, Color = "#56ca85" } 
                 });
    resource.Add(m => m.managerId)
        .Title("Owner")
        .DataTextField("Text")
        .DataValueField("Value")
        .DataColorField("Color")
        .BindTo(new[] { 
            new { Text = "John", Value = 1, Color = "#f8a398" } ,
                     new { Text = "Bob", Value = 2, Color = "#51a0ed" } ,
                     new { Text = "Dell", Value = 3, Color = "#56ca85" } 
                 });
}))

这是我的更新模板:

"

#  $("\\#templateReasonId").jqxDropDownList({ source: DATA, selectedIndex: 0 }); # 
    // I want the DATA used above, to come from resources
   <div id="templateReasonId">Reason Type: </div>
    <div>Hours: </div>
    <div>Charge: </div>
    <div>Comment:</div>
    <div>Client</div>      

"

4

1 回答 1

0

Kendo 代码库有一个示例,您可以在其中在另一个视图中创建模板。请参见此处的示例。

于 2015-02-22T00:19:32.307 回答