1

DHtmlXScheduler のモバイル版を使用しようとしています。正常に動作しますが、データをロードできません。XMLとJsonの両方を試しました。ドキュメントへのリンクは次のとおりです。http://docs.dhtmlx.com/doku.php?id=dhtmlxscheduler:mobile_data

これが私のコードです：

<div data-role="page" data-theme="d" id="Top">
    <script src="~/Scripts/dhxscheduler_mobile.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="~/Styles/dhxscheduler_mobile.css">

    <div data-role="content">
        <script type="text/javascript">
            scheduler.config.readonly = true;
            dhx.ready(function () {
                dhx.ui.fullScreen();
                dhx.ui({
                    view: "scheduler",
                    id: "scheduler"
                });
            });
            $("scheduler").parse([
                    { id: 1, start_date: "2013-04-01 0:00", end_date: "2013-04-01 0:00", text: "Event 1" },
                    { id: 2, start_date: "2013-04-05 0:00", end_date: "2013-04-05 0:00", text: "Event 2" }
            ], "json");
        </script>
    </div>
</div>

ここで何が間違っていますか？

4

1 に答える 1

1

$$ドキュメントを調べたところ、イベントを解析すると 2 つあるはずです。そのため、次のように変更します

$$("scheduler").parse([
                    { id: 1, start_date: "2013-04-05 0:00", end_date: "2013-04-05 12:00", text: "Event 1" },
                    { id: 2, start_date: "2013-04-05 0:00", end_date: "2013-04-05 1:00", text: "Event 2" }
            ], "json");

以下のようにすべてをまとめる

<div data-role="page" data-theme="d" id="Top">
    <link rel="stylesheet" type="text/css" href="codebase/dhxscheduler_mobile.css">
    <script src="codebase/dhxscheduler_mobile.js" type="text/javascript"></script>

    <div data-role="content">
        <script type="text/javascript">
        scheduler.config.readonly = true;
                dhx.ready(function(){
                    //the method allows you to hide the address bar on iPhone/iPod to save the space for application
                    dhx.ui.fullScreen();
                    //object constructor
                    dhx.ui({
                        view: "scheduler",
                    id: "scheduler"
                    });
                    // method load() lets you to populate the scheduler with data
                    $$("scheduler").parse([
                    { id: 1, start_date: "2013-04-05 0:00", end_date: "2013-04-05 12:00", text: "Event 1" },
                    { id: 2, start_date: "2013-04-05 0:00", end_date: "2013-04-05 1:00", text: "Event 2" }
            ], "json");

                });

        </script>
    </div>
</div>

スクリーンショット

ここに画像の説明を入力

于 2013-04-03T05:32:58.157 に答える