0

DhtmlxScheduler Standard Edition v.3.5 を mvc3 プロジェクトに実装しようとしています。http://www.dhtmlx.com/blog/?p=639のチュートリアルに従う

チュートリアルは mvc2 にあると思いますが、それに従うのに少し苦労しています。

これが私のビューページです。

@*@Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>";*@

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    <title>Index</title>

    <script src="@Url.Content("~/Scripts/dhtmlxscheduler.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Scripts/dhtmlxscheduler.css")" rel="stylesheet" type="text/css" /> 

    <style type="text/css">
        html, body
        {
            height:100%;
            padding:0px;
            margin:0px;
        }
    </style>
    <script type="text/javascript">
        function init() {
            scheduler.init("scheduler_here", new Date(2010, 6, 1), "month");
        }
    </script>
</head>
<body onload="init()">
    <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" name="day_tab" style="right:204px;"></div>
            <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
            <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
        </div>
        <div class="dhx_cal_header">
        </div>
        <div class="dhx_cal_data">
        </div>
    </div>
</body>
</html>

スタイルシートなしでこのページを実行すると、カレンダーが読み込まれますが、あちこちにあるので、CSS を追加しても何も得られませんか??

4

1 に答える 1

0

正確に何がうまくいかないのですか？このコードは、ページの上部に @{Layout = null;} を追加する必要があることを除いて、mvc3 で機能します。スケジューラは、div#scheduler_here であるコンテナ全体のサイズを占有する必要があります。スケジューラにページの一部のみを使用させたい場合は、「scheduler_here」のサイズを設定できます。たとえば、<div id="scheduler_here" class="dhx_cal_container" style='width:960px;margin:0 auto;height:100 %;'> お役に立てば幸いです。

于 2012-11-12T10:30:02.580 に答える