1

私は MVC が初めてで、ダウンロードした JavaScript コントローラーを部分ビューで使用することに行き詰まりました。このツリービューをダウンロードしました:
http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
次に、treeview.js スクリプトと demo.js スクリプトをプロジェクトに配置し、css フォルダーと images フォルダーを配置しました。2 つの .js ファイルは /Scripts/treeview フォルダーにあり、css および images フォルダーは /Content フォルダーにあります。

これらを BundleConfig.cs に追加しました。

        bundles.Add(new ScriptBundle("~/bundles/treeview").Include(
                    "~/Scripts/treeview/jquery.treeview.js",
                    "~/Scripts/treeview/demo.js"));

        bundles.Add(new StyleBundle("~/Content/css/treewiew").Include("~/Content/jquery.treeview.css"));

私の部分的なビューは次のようになります。

<ul id="browser" class="treeview">
    <li><span class="folder">Folder 1</span>
        <ul>
            <li><span class="file">Item 1.1</span></li>
        </ul>
    </li>
    <li><span class="folder">Folder 2</span>
        <ul>
            <li><span class="folder">Subfolder 2.1</span>
                <ul id="folder21">
                    <li><span class="file">File 2.1.1</span></li>
                    <li><span class="file">File 2.1.2</span></li>
                </ul>
            </li>
            <li><span class="file">File 2.2</span></li>
        </ul>
    </li>
    <li class="closed"><span class="folder">Folder 3 (closed at start)</span>
        <ul>
            <li><span class="file">File 3.1</span></li>
        </ul>
    </li>
    <li><span class="file">File 4</span></li>

_Layout.cshtml で、head セクションの @Styles.Render("~/Content/css") および @Scripts.Render("~/bundles/modernizr") 行の直前に次の 2 行を追加しました。

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

最後に、プロジェクトと共に自動的に生成される部分ビューを Index ビューで呼び出します。css はほとんど問題なく動作します。スタイル付きのリストはありますが、ツリー ビュー コントローラーとしては機能しません。

今、私はこれらの投稿を見つけましたが、これらは私を助けることができませんでした:
How to include javascript code in asp.net MVC4 View page?
MVC4 部分ビュー JavaScript バンドルの問題

何が問題なのかわかりません。私は最近javascriptを学び始めたばかりで、MVCは5日前にはまったく新しくて知らなかったのですが、この問題に3日間立ち往生しており、そのことで自分自身に腹を立てています. 私を助けてください!どうもありがとう!

4

1 に答える 1

2

Add this line instead of using your script registration,

@Scripts.Render("~/bundles/jquery")    
@Scripts.Render("~/bundles/treeview")

Note: treeview should register after the jQuery reference.

于 2013-07-07T15:27:11.520 に答える