2

私たちは、Razor を使用した剣道 UI の柔軟性を調査しようとしています。

MVC4 剃刀ビュー JQXwidgets と剣道スケジューラーを使用しています

カスタム イベント テンプレートで、ドロップダウン リスト、テキスト ボックス、カレンダー コントロールなどの 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

剣道コード ライブラリには、別のビューでテンプレートを作成できる例があります。ここで例を参照してください。

于 2015-02-22T00:19:32.307 に答える