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

299 Points

1033 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

Participant

1260 Points

433 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

MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

‹ Previous Thread|Next Thread ›