Viewbag content does not appear

First Last

6y1.3k.NET

I have an APS.Net web app Razor view where I attempt to display the Viewbag.errormessage.

The action method populates the viewbag but the view does not show the error message that is in the viewbag. It does not appear. Why?

Here is the view:

@Html.AntiForgeryToken()
<div class="login-panel">
@if (ViewBag.errormessage != null)
{
<p class="alert alert-danger" id="errorMessage">@ViewBag.errormessagep>
}
<div class="form-group">
<div class="col-md-12 col-xs-12">
<h2>Delete Accounth2>
<br />
<h4 class="verify"><strong>I will need to verify your identity in order to delete your account.strong>h4>
<br />
<h4 class="verify"><strong>Please provide the following:strong>h4>
div>
div>
<br />
<div class="form-group">
<div class="col-md-12 col-xs-12">
<br />
<label class="manadatory" for="UserName">User Namelabel>
<input id="UserName" type="text" value="" name="UserName">
div>
div>
<div class="form-group">
<div class="col-md-12 col-xs-12">
<br />
<label class="manadatory" for="Password">Passwordlabel>
<input id="Password" type="text" value="" name="Password">
div>
div>
<div class="form-group">
<div class="col-md-offset-0 col-md-10">
<br />
<input class="btn btn-primary deleteUserAccount" value="Delete Account">
@Html.ActionLink("Cancel", "Index", "User", null, new { @class = "btn btn-info" })
div>
div>
div>
<div class="modal fade" id="myModal4" role="dialog" display="none">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="padding:10px;">
<h4 class="text-center">Are you sure you want to permanently delete your account and all it contains? Continue ?h4>
<div class="text-center">
<a class="btn btn-info btn-yes4">Yesa>
<a class="btn btn-default btn-no4">Noa>
div>
div>
div>
div>
div>
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Styles.Render("~/Content/css")
<script type="text/javascript">
$(document).ready(function () {
// code...
script>

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh6y ago
Accepted answer
earlier you have not mentioned that you are using Ajax .
as your page is notbeing refreshed so the html is not updated , so its better to set error message in success function like
"success": function (data) {
$("#errorMessage").html(@Viewbag.ErrorMessage);

},
First Last6y ago
Sachin...fyi, I'm not assigning a class property to the viewbag. Just a simple Viewbag assignment of text. And yeah, I checked the html but don't see anything wrong...weird! The paragarah to which the Viewbag is attached to does not even appear per the 2nd pic. In the 1st pic, I can see that is there. So odd. I also tried using 'TempData' but it produces the same result - not appearing.
First Last6y ago
Here's the JavaScript of the view which produces a modal and when Yes is selected, fires off the AJAX call to the controller action method.
"text/javascript">
$(document).ready(function () {
    $(".deleteUserAccount").click(function (e) {
        var holdUserName = $('#UserName').val();
        var holdPassword = $('#Password').val();

        $("#myModal4").modal({
            backdrop: 'static',
            keyboard: false
        });

        $(".btn-yes4").click(function () {
            $("#myModal4").modal("hide");

            // Do the delete.
            // - Pass the 2 fields.
            $.ajax({
                type: 'POST',
                url: '@Url.Action("DeleteUserAccount", "User")',
                data: { userName: holdUserName, password: holdPassword},
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                error: function (xhr, ajaxOptions, thrownError) {
                    alert('Critical Error: something is wrong in the call to DeleteUserAccount for delete! Status: ' + xhr.status + '. Error: ' + thrownError.toString() + '. Response Text: ' + xhr.responseText);
                }
            });

            // Return.
            return true;
        });

        $(".btn-no4").click(function () {
            $("#myModal4").modal("hide");
            return false;
        });

        $("#myModal4").on('hidden.bs.modal', function () {
            $("#myModal4").remove();
        });
    });
})

asp.net-mvc
Here's the action method (simplified):
[HttpPost]
public async Task<ActionResult> DeleteUserAccount(string userName, string
password)
{
    try
    {
        if (string.IsNullOrEmpty(userName) ||
        string.IsNullOrEmpty(password))
        {
            ViewBag.errormessage = "The 'user name' or 'password' is
            invalid - empty. Please try again.";
        }
        else
        {
            // Cast.
            if ((string)Session["UserName"] == userName)
            {

            }
            else
            {
               ViewBag.errormessage = "Your 'user name' is invalid. It
               is not the same as the 'user name' used at original sign
               in. Please try again.";
            }
        }
    }
    catch (Exception ex1)
    {

    }

    return View();
}
First Last6y ago
Yes there is the error as seen in the first pic of the viewbag being returned in that view. You can see that the Viewbag is populated with the error message populated in the action method and sent back in a return View(); at the end of the action method. It just will not appear - show. And the paragraph where it should be does not show as depicted in the 2nd pic.
Sachin Singh6y ago
Your code seems just fine. Please check html markup. Also if you are assigning a class property to viewbag then you need to type caste it.