Convert viewbag to javascript array

Convert MVC 5 WiewBag to JavaScript Array

This is basically used to Convert or cast mvc 5 viewbag to arrayin JavaScript and also compare two strings in jquery. 

Table of Contents

  1. JavaScript Code sample.
  2. MVC 5 Controller Action code sample.
The example as given below.

JavaScript Code sample

<script type="text/javascript">      
    $(function () {
        var array = @Html.Raw(Json.Encode(@ViewBag.ACList))      
 
        $('#ACNumber').focusout(function () {
            var currentVal = $.trim($('#ACNumber').val()).toLocaleLowerCase();

            $.each(array, function (key, val) {
                var existingVal = $.trim(val).toLocaleLowerCase();

                if (currentVal == existingVal) {
                    kendoDialogForEndUserAlert("Already Exist", "This acccount number is exists in database. <br/> Please re-enter unique account number. <br/>", "error", ["ok"], null);
                    return false;
                }

            });
        });
    });
</script>

MVC 5 Contoller code sample


 public ActionResult Create(int id)
 {

    AccountNumberRepository repo = new AccountNumberRepository();
      ViewBag.ACList = repo.GetAccountNumbers(id).ToList();
      return View();
 }

ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

www.code-sample.com/. Powered by Blogger.
^