我们正在尝试使用 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>
"