如何从父视图模型访问孙子视图模型？

Question

In my webapp i am creating three viewmodel which are nested like first viewmodel is parent of second , second is parent of third. now if i want to display value of third view model it is giving me error that it is not define . In my code LoanRateViewModel is parent whose child is Term and Tier is child of Term .

function Tier(data){
    var self = this;
    self.tierValue = ko.observable(data.tierValue || "");
    self.rate = ko.observable(data.rate || "121212");
    self.simplerate = ko.observable(data.simplerate || "121212");
    self.compoundrate = ko.observable(data.compoundrate || "12212");
    } 

function Term(data) {
    var self = this;
    self.Tiers = ko.observableArray([]);
    self.loanterm = ko.observable(data.loanterm || "12");
    self.termIdentifier = ko.observable(data.termIdentifier || "12");
};

here is jsfiddle link DEMO

How can i call the grand child is it possible through knockout js ?

Answer 1

The problem is unfortunately not in the code you posted*, but in the fiddle.

What you want is certainly possible, though as mentioned in comments you'd need proper nesting to reach grand-children, because they will always be in the context of a certain parent ( Term ). I've (mostly) fixed your jsfiddle , fixing issues until there were no errors left. Some things that would answer your "question" are:

• Make sure you properly close DOM elements (eg table and tbody );
• Make sure you refer to $root for methods that are on the root (eg addTier );
• In tables, make sure each row has equal number of cells (or use colspan ), or your results will look weird.

_{* It'd be nice if you edit your question, and included the relevant (preferably well-formatted) code, so the question can remain useful for others with a similar problem.}