0

これは私の HTML / CSS コードに問題があると思います。これらは私の明らかな弱点です。誰かがドロップダウン ボックスからオプションを選択したときにのみ表示したい部分的なビューがあります。この部分的なビュー (_ChampionStats) が読み込まれています。そこにブレーク ポイントを配置してヒットを確認できますが、データは表示されません。助言がありますか？

インデックス.cshtml:

@using LoLBuild.Models
@model ChampionViewModel

<script type="text/javascript" src="~/jquery.js"></script>

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

<h2>Choose Your Champion</h2>
<div class="inputblock" style="clear: both;width:100%;">
    @Html.LabelFor(model => model)
    @Html.DropDownList("ChampionList", (IEnumerable<SelectListItem>)ViewBag.ChampionSelectList, new { @onchange="location = Index/this.value;" })
</div>

<div id="ChampionStats">
    @if (ViewBag.SelectedChampion > 0)
    {
        @Html.Partial("_ChampionStats", Model);

    }
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $("#ChampionList").change(function() {
            var strSelected = "";
            $("#ChampionList option:selected").each(function() {
                strSelected += $(this)[0].value;
            });
            var url = "/Champion/Index/" + strSelected;

            $.post(url, function(data) {
                // do something if necessary
            });
        });
    });
</script>

部分ビュー (_ChampionStats.cshtml):

@using LoLBuild.Models
@model ChampionViewModel

@{
    ViewBag.Title = "ChampionStats";
}
    <h3>Partial Rendered Successfully</h3>
    @Html.TextBox("Health:", Model.BeginHealth, new {style = "width: 100px;"})

編集:コンソールにエラーがあることに気付きましたが、それが何を意味するのかわかりません。これはエラーです：

GET http://localhost:49219/jquery.js 404 (Not Found) localhost:8
Uncaught ReferenceError: Index is not defined localhost:36
onchange
4

2 に答える 2

0

使用する必要があります

@Html.RenderPartial

http://msdn.microsoft.com/en-us/library/system.web.mvc.html.renderpartialextensions.renderpartial(v=vs.108).aspx

于 2013-03-26T10:12:52.800 に答える
0

404 は、パスhttp://localhost:49219/jquery.jsが存在しないことを意味します。jquery のデフォルトの場所はスクリプト フォルダーで、バージョン ie が含まれていますhttp://localhost:49219/scripts/jquery-1.8.3.js。ブラウザの f12 のツールを使用して、ファイルが見つかったかどうかを確認できます。つまり、chrome のネットワーク、または fiddler が詳細情報を提供します。Tim

于 2013-03-27T07:13:44.097 に答える