Message is not showing in $(document).ready(function() after return to view, Please help[Answered] RSS

1 reply

Last post Oct 14, 2019 09:45 AM by Rena Ni

‹ Previous Thread|Next Thread ›

Shortcuts

Related Links

polachan

Member

410 Points

1326 Posts

Message is not showing in $(document).ready(function() after return to view, Please help

Oct 14, 2019 08:14 AM|polachan|LINK

After my database update I am showing viewbag.result ='Successfully updated' and when I debug the value is stored in viewbag.result but it is not showing when I call

Return view(). Why does the document ready function is not firing after calling the view() , Please help it would be very appreciated

My code has been given below

<form>
<div class="form-group">
                        <div class="center-block">
                            <div class="col-sm-2"></div>
                            <div class="col-sm-3">
                                <button type="button" id="Reset" name="submitButton" value="ResetAtt" class="btn btn-primary form-control"
                                        onclick="ResetAttendance();">Reset Attendance Entry</button>
                            </div>
                            <div class="col-sm-3">
                                <button type="button" id="Delete" name="submitButton" value="DeleteAtt" class="btn btn-primary form-control"
                                        onclick="DeleteRecord();">
                                    Delete Attendance Entry
                                </button>
                            </div>

                         
                        </div>

                    </div>
</form?



<div id="deleteConfirmationModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-sm">

        <!-- Modal content-->
        <div class="modal-content text-info">
            <div class="modal-header">
                <input type="hidden" id="lblLogID" />
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"> Confirm Delete</h4>
            </div>
            <div class="modal-body">
                <p>Are you sure to delete Attendance?</p>
            </div>
            <div class="modal-footer">
                <button type="button" id="btnDeleteConfirmed" data-dismiss="modal" onclick="deleteAttendance('D');">OK</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

<div id="resetConfirmationModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-sm">

        <!-- Modal content-->
        <div class="modal-content text-info">
            <div class="modal-header">
                <input type="hidden" id="lblLogID" />
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Confirm Reset</h4>
            </div>
            <div class="modal-body">
                <p>Are you sure to reset Attendance?</p>
            </div>
            <div class="modal-footer">
                <button type="button" id="btnDeleteConfirmed" data-dismiss="modal" onclick="deleteAttendance('R');">OK</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript">
	$(document).ready(function () {
        KeyHandler();
	
     	
        $("#FromDatePicker").datepicker({ format: 'dd/mm/yyyy', todayHighlight: true, autoclose: true, todayBtn: 'linked' });
        $("#ToDatePicker").datepicker({ format: 'dd/mm/yyyy', todayHighlight: true, autoclose: true, todayBtn: 'linked' });
	alert(ViewBag.Result);   // Message not coming

        
       })

 function ResetAttendance() {
        $('#resetConfirmationModal').modal('show');
    }
    function DeleteRecord() {
        $('#deleteConfirmationModal').modal('show');
    }


	function deleteAttendance(option) {
        var depot = $('#dropdownDepot option:selected');
        var depots = "";
        $(depot).each(function (index, brand) {
            depots = depots + $(this).val() + ",";
        });
        var department = $('#dropdownDepartment option:selected');
        var departments = "";
        $(department).each(function (index, brand) {
            departments = departments + $(this).val() + ",";
        });
        var Emp = $('#dropdownEmployee option:selected');

        var EmpIds = "";
        $(Emp).each(function (index, brand) {
            EmpIds = EmpIds + $(this).val() + ",";
        });

        var url = "/Home/ResetAttendance?option=" + option + "&depots=" + depots + 
            "&departments=" + departments + '&EmpIds=' + EmpIds + '&fromdate=' + $('#FromDate').val()+
            '&todate=' + $('#ToDate').val()
        
        $.ajax({
            type: "POST",
            url: url,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {

            },
            failure: function (response) {
                console.log(response.responseText);
            },
            error: function (response) {
                console.log(response.responseText);
            }
        });

Controller
 public IActionResult ResetAttendance(string option, string depots, string departments, string EmpIds, 
            string fromdate,string todate)
{
UtilityBLL.ResetAttendanceOfEmployees(EmpIds, attDatefrom, attDateto, option, connectionSettings);
                    ViewBag.Result = "Saved Succesfully";
                    ModelState.Clear();
return View();
}

Many Thanks

Pol

Rena Ni

Contributor

2690 Points

874 Posts

Re: Message is not showing in $(document).ready(function() after return to view, Please help

Oct 14, 2019 09:45 AM|Rena Ni|LINK

Hi polachan,

For how to alert ViewBag,you need to use the following code:

alert("@ViewBag.Result");

In your scenario,you use ajax,so you would always get into the error function due to you have return View,you need to modify your code like below:

1.View(Actually,if you use alert in document.ready(),it would alert every time you refresh the page.I suggest that you could alert after call ajax):

$.ajax({
    type: "POST",
    url: url,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        window.location.href = data.newUrl;
        alert(data.result); 
    },
    failure: function (response) {
        console.log(response.responseText);
    },
    error: function (response) {
        console.log(response.responseText);
    }
});

2.Controller:

[HttpPost]
public IActionResult ResetAttendance(string option, string depots, string departments, string EmpIds,
    string fromdate, string todate)
{
    UtilityBLL.ResetAttendanceOfEmployees(EmpIds, attDatefrom, attDateto, option, connectionSettings);
    ViewBag.Result = "Saved Succesfully";
    ModelState.Clear();
    return Json(new { newUrl = Url.Action("Test", "Home") , result= ViewBag.Result });//return to the view you wanted.
    //return View();
}

3.Result:

Best Regards,

Rena

.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.

‹ Previous Thread|Next Thread ›