Utilizando backbone.js:

Eu tenho um ModelA de nível superior que contém 2 atributos e 2 modelos aninhados, ModelB e ModelC. ModelB e ModelC possuem 2 atributos, como a seguir:

ModelA
    attributeA1
    attributeA2
    ModelB
        attributeB1
        attributeB2
    ModelC
        attributeC1
        attributeC2

Existe um ViewA para o ModelA e um ViewB para o ModelB. A função de renderização do ViewA coloca uma nova div no corpo, enquanto a renderização do ViewB cria um h1. A inicialização do ViewA chama a renderização do ViewB para inserir esse h1 na nova div. A lógica por trás dessa separação é que o h1 pode mudar e exigir nova renderização independente do ViewA.

ViewA
    initialise: 
        //call ViewA's own render function
        this.render() 

        //call ViewB's render function that further modifies the $("#new") div created earlier.
        $("#new").append(ViewB.render().el)

    //ViewA's own render function
    render: //place <div id="new"></div> onto 'body'

ViewB
    render: //create a <h1></h1>
    funcB1: //can this access it's parent ModelA's attributes and other objects?

Q1: O ViewB tem uma função funcB1. Esta função pode acessar os atributos do modelo pai? Atributos como attributeA1, ou mesmo attributeC1 (que seria um irmão / primo)?

Q2: Como uma expansão adicional para Q1, o funcB1 pode acessar os elementos DOM associados ao ViewA? (neste exemplo, a #new div?)

Q3: em geral, como defino as associações entre as Views e os Modelos, conforme descrito acima, para que tudo se encaixe corretament

Eu percebo que esta pergunta é um pouco abstrata, mas qualquer um aprecia qualquer ajuda ou orientação apreciad