backbone.js结构化嵌套视图和模型

13 浏览
0 Comments

backbone.js结构化嵌套视图和模型

使用backbone.js：

我有一个顶级ModelA，其中包含2个属性和2个嵌套模型，ModelB和ModelC。ModelB和ModelC分别具有以下2个属性：

ModelA
    attributeA1
    attributeA2
    ModelB
        attributeB1
        attributeB2
    ModelC
        attributeC1
        attributeC2

有一个ViewA用于ModelA，和一个ViewB用于ModelB。

ViewA的render函数将一个新的div放置在body上，而ViewB的render函数创建一个h1。ViewA的初始化调用ViewB的render函数将该h1插入新的div中。将这两个视图分开的原因是h1可能会更改，并且需要独立于ViewA重新渲染。

ViewA
    initialise: 
        //调用ViewA自己的render函数
        this.render() 
        //调用ViewB的render函数，进一步修改之前创建的$("#new") div。
        $("#new").append(ViewB.render().el)
    //ViewA自己的render函数
    render: //将其放置到'body'上
ViewB
    render: //创建一个

    funcB1: //这个函数能够访问其父级ModelA的属性和其他对象吗？

Q1: ViewB有一个函数funcB1。这个函数能够访问其父级模型的属性吗？比如attributeA1，甚至是attributeC1（这将是一个兄弟/堂兄）？

Q2: 作为对Q1的进一步扩展，funcB1能够访问与ViewA关联的DOM元素吗？（在这个示例中，是#new div？）

Q3: 一般来说，如何正确定义上述视图和模型之间的关联，以使它们正确地连接在一起？

我意识到这个问题有些抽象，但是感谢任何帮助或指导。

0