Dropdownlist not updating in knockoutjs

Question

In my knockout binded view even if the values binded to the dropdownlist changes still the dropdownlist is not updated. But if I refresh the page dropdownlist is updated. Everything is working fine. Data is updating in database also. But this binding is not working as expected. Dont know where I went wrong. Tried many things but nothing worked.

Here is my script file:

var ViewModel = function () {
    var gamesUri = '/api/games/';
    var developersUri = '/api/developers/';

    var self = this;
    self.games = ko.observableArray();
    self.error = ko.observable();
    self.detail = ko.observable();
    self.developers = ko.observable();
    self.newGame = {
        Developer: ko.observable(),
        Title:ko.observable(),
        Genre:ko.observable(),
        Year:ko.observable(),
        Price:ko.observable()
    };
    self.newDeveloper = {
        Name: ko.observable()
    };

    self.addDeveloper = function (formElement) {
        var developer = {
            Name:self.newDeveloper.Name()
        };
        ajaxHelper(developersUri, 'POST', developer).done(function (item) {
            self.developers.push(item);
        });
    }

    self.addGame = function (formElement) {
        var game = {
            DeveloperId: self.newGame.Developer().Id,
            Title: self.newGame.Title(),
            Genre: self.newGame.Genre(),
            Year: self.newGame.Year(),
            Price: self.newGame.Price()
        };
        ajaxHelper(gamesUri,'POST',game).done(function(item) {
            self.games.push(item);
        });
    }

    function getDevelopers() {
        ajaxHelper(developersUri, 'GET').done(function (data) {
            self.developers(data);
            console.log('developers' + data);
        });
    }

    getDevelopers();

    self.getGameDetail = function (item) {
        ajaxHelper(gamesUri + item.Id,'GET').done(function(data) {
            self.detail(data);
        });

    };

    function ajaxHelper(uri, method, data) {
        self.error('');
        return $.ajax({
            type: method,
            url: uri,
            dataType: 'json',
            contentType: 'application/json',
            data: data ? JSON.stringify(data) : null
        }).fail(function (jqXHR, textStatus, errorThrown) {
            self.error(errorThrown);
        });
    }

    function getAllGames() {
        ajaxHelper(gamesUri, 'GET').done(function (data) {
            self.games(data);
        });
    }

    getAllGames();
};

ko.applyBindings(new ViewModel());

Here is my view:


    Game Shop



    
    
        
            Games
        
        
            
                
                    :
                    Details
                
            
        
    
        
    
            
        
            Details
            
                Developer: 
                Title: 
                Price: 
                Genre: 
                Year: 
            
        
    
        
        
            
                Add Game
            
                
                
                    
                        Author
                        
                            
                        
                    
                        
                        Title
                        
                            
                        
                            Year
                        
                            
                        
                            Genre
                        
                            
                        
                            Price
                        
                            
                        
                    
                    
                
            
        
    
        
        
            
                
                    Add Developer
                
                    
                    

                        
                            Name

Dropdownlist not updating in knockoutjs

Answers (1)

Related Questions