3

私は今2日間のように検索して試しています。しかし、それでも私は私の目標を達成することができません：

Jqueryダイアログのスライダー値をコントローラーに渡します。

フロントエンド：

@model TheMoodApp.Models.tbl_user
@{
    ViewBag.Title = "ControlPanel";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>@Html.DisplayFor(u=>u.Forename)'s Control Panel</h2>
@* Adding header stuff for control panel *@
@section DialogControlPanel{
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"/>
    <script src="https://raw.github.com/brandonaaron/bgiframe/master/jquery.bgiframe.js"/>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"/>
    <script src="~/Scripts/MoodAppScripts.js"/>
    <link href="~/Content/MoodApp.css" rel="stylesheet" />
}
@*The dialog for set initial mood*@
<div id="dialog-modal" title="Hi @Html.DisplayFor(u=>u.Forename)<br/>How do U feel 2Day?">
    <header id="InitialMoodHeader">
        <p>Set UR Mood 
            <input type="text" id="DisplayMood" readonly="readonly"/>
        </p>
    </header>
    <section id="InitialMoodSlider">
        <div id="MoodSlider"></div>
    </section>
</div>

Javascriptfile：

$(document).ready(

function () {
    $("#dialog-modal").dialog({
        height: 140,
        modal: true,
        buttons: {
            "This is my Mood": function () {
                $.ajax({
                    url: '@Url.Action("User", "CheckInMood")',
                    data: JSON.stringify({ mood: $("#DisplayMood").val() }),
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                });
                $(this).dialog("close");
            }
        }

    });

    $("#MoodSlider").slider({
        //TODO: IMPLEMENT JSON TO GET MOOD; ATM FEATURE IS FIXED.
        range: "max",
        min: 0,//scales minimum
        max: 3,//scales maximum
        value: 2,//default value
        slide: function (event, ui) {
            $("#DisplayMood").val(ui.value);//get value from slider and display it
        } 
    });
    $("#DisplayMood").val(
        $("#MoodSlider").slider("value")
        );//set input value from slider
});

コントローラ：

[HttpPost]
    public JsonResult CheckInMood(string mood)
    {
        //current user checks in with current mood
        uint i = Convert.ToUInt16(mood);
        return Json(View());
    }

誰かplzが私を助けて、これを機能させて、私が間違ったことを私に説明してもらえますか？

前もって感謝します

// borb

4

3 に答える 3

1

@Url.Action("User", "CheckInMood")JavaScriptファイルにRazorコードを含めているようです。

これはjavascriptファイルであるため、Razorはその値のレンダリングに使用されないため、リテラルとして扱われます。

あなたがしたいことはあなたのビューからJavaScriptにURLを渡すことです。

于 2012-12-13T00:01:25.557 に答える
0

変化する：

data: JSON.stringify({ mood: $("#DisplayMood").val() })

に：

data: { mood: JSON.stringify($("#DisplayMood").val()) }

パラメータ名ではなく、パラメータの値を文字列化する必要があります。

于 2012-12-12T23:55:09.977 に答える
0

@ Url.Actionは、かみそりファイル自体の中からのみ使用できます。スクリプトタグなどに含まれているので、他にどこにありますか？（明確にするために）

于 2012-12-13T00:14:03.567 に答える