0

jqueryをmvcフレームワークと統合するにはどうすればよいですか？サンプルアプリケーションを作成し、app_data、Content、Controllers、Model、Viewsなどの名前のディレクトリがあります。コントローラフォルダには、c＃で記述されたすべてのコントローラが含まれています。jqueryスクリプトはどこに書き込む必要がありますか、layout.cshtmlまたはindex.cshtmlに書き込む必要がありますか？jqueryをasp.netmvcフレームワークと統合するにはどうすればよいですか。

4

2 に答える 2

1

MVC でご存知のように、Layout.cshtmlファイルがあります。

これが私の_Layout.cshtml内容です。以下のコード_Layout.cshtmlは、私の要件によるものです。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Your title</title>
    <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/jqueryui")
</head>
<body>
            <div id="body">
                <section class="content-wrapper main-content clear-fix">
                    @RenderBody()
                </section>
            </div>
//blah blah
</body>
</html>

すべてのビューにマスター ページ (_Layout.cshtml) を含める場合は、スクリプトを _Layout ページに含めて、_Layout.cshtmlビューでそのページを参照するだけです。

これは_Layout.cshtml、ビューでファイルを参照する方法です。

ビューの上に、MasterPage 参照を追加するために、このようなコード ブロックを記述する必要があります。

@{
      ViewBag.Title= "Index";
      Layout = "~/Views/Shared/_Layout.cshtml";
}

jQueryビューに必要なコードを記述します。

<script type="text/javascript">
    $(function(){
        //your jQuery goes here
    });
</script>

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

@{
    ViewBag.Title= "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<html>
<head>
    <style>
    </style>
    <script type="text/javascript">
    $(function(){
        //your jQuery goes here
    });
</script>
</head>
<body>
    @: This is my Index View
</body>
</html>

それが役に立てば幸い。

何か問題がありましたら、教えてください。

于 2013-02-11T05:43:00.103 に答える
0

適切なアーキテクチャを備えた Jquery を使用した MVC については、以下の URL に従ってください。

http://www.codeproject.com/Articles/344292/ASP-NET-MVC3-Razor-With-jQuery-For-Beginners

于 2013-02-11T06:13:10.350 に答える