asp.net-mvc-4 - タイマーによる MVC ViewData 更新の可視性

Question

これで、View に ViewData["status"] があり、以下に示すように、ユーザーが [SAVE] ボタンをクリックすると表示されます。

<tr>
    @if (ViewData["status"] == null || ViewData["status"] == "")
    {
    }
    else {
        <td colspan="2" style="color:red; font-weight:bold;">
            @ViewData["status"]
        </td>
    }
</tr>

ユーザーが保存ボタンをクリックした後、ViewData["status"] の文字列を永続的に表示できるようになりました。2秒間表示して消える方法はありますか?

Answer 1

これにはjavascriptが必要です。jQuery が理想的です。

1. <td>要素に IDを付けます。
2. ページの読み込み時に、2 秒のタイマーを開始します。
3. タイマーが終了したら、要素を非表示にします。

<td colspan="2" style="color:red; font-weight:bold;" id="status">
    @ViewData["status"]
</td>

<script type="text/javascript">
    // this function requires jQuery

    $(function () {
        setTimeout(function () {
            $("#status").hide();
        }, 2000);
    });
</script>

非表示効果がスムーズに移行するように、要素をフェードアウトすることもできます。