asp.net-mvc - 加长剑道日历

Question

如何使 kendocalender 以这种方式扩展？我使用 mvc4/razor

我的 calendar.cshtml 中只有这个

<div class ="kendocalender">
  @(Html.Kendo().Calendar()
     .Name("Calendarname")
     .HtmlAttributes(new { style = "width: 180px;height:200px;font-size:13px" })
  )
</div>

这是我在日历控制器中的控制器操作结果

public ActionResult Calendar()
{
    return View();
}

Answer 1

在静态类中制作静态方法 - 扩展方法

public static MvcHtmlString KendoCalender<TModel>(this HtmlHelper<TModel> htmlHelper, string name, object htmlAttributes)
{
     string calenderControl = htmlHelper.Kendo().Editor()
                    .Name(name)
                    .HtmlAttributes(htmlAttributes)
                    .ToHtmlString();

     return MvcHtmlString.Create(calenderControl);
}

在视图中包含命名空间，然后您可以通过此代码从视图中调用它。

@Html.KendoCalender("CalenderName", new { style = "width: 180px;height:200px;font-size:13px" })

无需为此添加控制器操作方法！！