-2

Kendo UIの使用を開始し、このチュートリアルを実行して基本を学びました。VisualStudio202でMVCWebアプリケーションプロジェクト用の新しいKendoUIを作成し、学んだことをテストすることにしました。グリッドを次のように配置しようとしました。チュートリアルですが、実行できませんでした。

私が言いたいのは、プロジェクトにはすでにjsファイルを含む剣道フォルダーがあるため、剣道の機能が認識されていないということです。

ビューは次のようになります。

<!DOCTYPE html>

<html>
<head >
    <link href="Content/kendo/2012.2.710/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="Content/kendo/2012.2.710/kendo.default.min.css" rel="stylesheet" type="text/css" />
    <title><%: ViewBag.Title %></title>
</head>
    <body>
        <h1><%: ViewBag.GestionTitle %></h1>
        <div id="tweetGrid"></div>

        <script src="Scripts/jquery-1.8.2.min.js"></script>
        <script src="Scripts/kendo/2012.2.710/kendo.web.min.js"></script>
        <script>            
            $(function () {
                var ds = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: "http://search.twitter.com/search.json?q=kendoui",
                            dataType: "jsonp"
                        }
                    },
                    schema: {
                        data: "results"
                    }
                });
                $("#tweetGrid").kendoGrid({
                    columns: ["from_user", "from_user_name", "text"],
                    dataSource: ds
                });
            });
        </script>
    </body>
</html>

スクリプトを頭の中や体の中に入れてみましたが、剣道の機能がうまくいきません。私は何が欠けていますか？

4

1 に答える 1

3

あなたのコメントに基づいて...

レンダリングされた HTML が間違った場所にあるリソース ファイルを参照しているため、404 エラーが発生します。ビュー自体には、それをレンダリングする URL の概念がないことに注意してください。このビューは/Test/パスの下にレンダリングされているようです。スクリプトは相対パスで参照されているため、その相対パスを探しています。どのバージョンの MVC を使用していますか? ビューリソースを参照する「正しい方法」を数回変更しました。

たとえば、次のようにスクリプトを参照できます。

<script src="<%: Url.Content("~/Scripts/kendo/2012.2.710/kendo.web.min.js") %>"></script>

これは基本的に、サーバー側の前処理を呼び出して、(アプリケーション ルートに対するサーバー側のパスに基づいて) ファイルへの正しいクライアント側のパスを決定し、そのパスをscriptタグに出力します。そのため、ビューが使用される場所に関係なく、常にリソース ファイルへの正しいパスが必要です。

これは、任意のページ リソースで行う必要があります。JavaScript ファイル、CSS ファイル、場合によっては画像も含まれます。

于 2013-01-11T18:50:09.843 に答える