2013-09-24 77 views
2

我們正在試圖用Razor來研究Kendo UI的靈活性。kendo ui調度程序:創建複雜事件模板

我們使用MVC4 Razor視圖JQXwidgets和劍道調度

在自定義事件模板我想添加一些JQX控件像下拉列表,文本框,日曆控件等等

需要幫助的如何我可以使用定義的資源,並將其綁定到一個JQX控制

這是我的計劃:

@(Html.Kendo()調度() 請將.Name( 「AScheduler」)。 0 .Date(新日期時間(2013,6,13)) .StartTime(新日期時間(2013,6,13,7,00,00)) .Height(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>  

+0

有沒有人? – fireholster

回答

0

劍道代碼庫中有一個例子,你可以創建另一視圖中的模板。見示例here