loading a knockout.js observableArray() from .ajax() call

Question

This puzzles me. It must be something small I\'m not seeing. I\'m trying to load a very simple observableArray in knockout with an ajax call.

javasc

Answer 1

Here is what I done in my MVC .net app with knockout and jquery.

// Scripts/groItems.js
(function () {

    var ViewModel = function () {
        items = ko.observableArray(),
            ItemName = ko.observable(),
            Img = ko.observable(),
            Qty = ko.observable()
    }

    $.getJSON('/Items2/AllItems', function (data) {
        for (var i = 0; i < data.length; i++) {
            self.items.push(data[i]);
        }
    });

    var vm = new ViewModel();

    $(function () {
        ko.applyBindings(vm);
    });

}());

@model IEnumerable
@{
    ViewBag.Title = "Index";
}


    @Html.ActionLink("Create New", "Create")




    

        

            
Item name
            
img
            
qty
        
    
    

        

            

            

            

        
    


@section Scripts {
    
    
}

Following is part of my code at the Items2Controller.cs

    private GroContext db = new GroContext();
    public JsonResult AllItems()
    {
        return Json(db.Items.ToList(), JsonRequestBehavior.AllowGet);
    }

Hope this will help. Thanks