使用ASP.NET MVC5的dhtmlxscheduler

时间:2014-10-01 14:15:56

标签: javascript asp.net asp.net-mvc asp.net-mvc-5

我正在尝试在ASP.NET MVC 5应用程序中使用dhtmlxscheduler,遵循http://docs.dhtmlx.com/scheduler/how_to_start.html提供的指南,但没有太多的乐趣。我已经通过NuGet将v4.1.1脚本和css添加到我的项目中。

我创建了一个新项目并创建了一个没有布局的新视图,控制器操作只是为视图提供服务。下面是我视图中的HTML,但页面呈现完全空白,我做错了什么?另外,如何使用使用布局的视图?

我知道有一个dhtmlxscheduler .NET版本可用,但这需要许可证。

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>How to start</title>
<script src="@Url.Content("~/Scripts/dhtmlxscheduler/dhtmlxscheduler.js")" type="text/javascript"></script>
<link rel="stylesheet" href="@Url.Content("~/Content/dhtmlxscheduler/dhtmlxscheduler.css")" type="text/css">
<style type="text/css" media="screen">
    html, body {
        margin: 0px;
        padding: 0px;
        height: 100%;
        overflow: hidden;
    }
</style>
<script>
    scheduler.init("scheduler_here", new Date(), "month");
</script>
</head>
<body>
    <div>
        <div id="scheduler_here" class="dhx_cal_container" style="width:100%; height:100%;">
            <div class="dhx_cal_navline">
                <div class="dhx_cal_prev_button">&nbsp;</div>
                <div class="dhx_cal_next_button">&nbsp;</div>
                <div class="dhx_cal_today_button"></div>
                <div class="dhx_cal_date"></div>
                <div class="dhx_cal_tab" id="day_tab" style="right:204px;"></div>
                <div class="dhx_cal_tab" id="week_tab" style="right:140px;"></div>
                <div class="dhx_cal_tab" id="month_tab" style="right:76px;"></div>
            </div>
            <div class="dhx_cal_header"></div>
            <div class="dhx_cal_data"></div>
        </div>
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

事实证明问题/解决方案已在常见问题http://docs.dhtmlx.com/scheduler/faq.html#schedulerisntrenderedcorrectly

我的包含div没有高度设置。