标签: agility.js

使用agility.js进行页面布局和组合

我是MVC风格的javascript库的新手,所以请原谅我这个问题是否太基础了.我正在尝试完全用jQueryagility.js编写单页面应用程序.agility.js 文档中给出的示例完全包括将html元素添加到文档根目录.问题:是否存在按组件组装页面的"最佳实践"方法.

这是我的html应用程序的大致轮廓:

<html>
    <head> ... </head>
    <body>
        <header> ... </header>
        <div id=PageHolder>
            <div id=AppPane_1></div>
            <div id=AppPand_2></div>
        </div>
        <footer> ... </footer>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

在"AppPane"中,div将是应用程序的内容.

好吧,考虑到所有这一切,我不是在问我能做什么,而是我在问我该怎么做.

我从文档和研究中看到我有3个选择:

  1. 从原子敏捷性对象创建我的页面组合,并将它们组装在jQuery文档就绪块中. $$.document.append(Foo)适用于根元素,但我无法弄清楚如何将Foo的子元素添加到foo.
  2. 使用从上面勾画出基本的静态HTML一个(超大型)敏捷对象和追加的控制和诸如此类的东西,使用controller的功能(我没有带能够得到任何工作)
  3. 使用一个根敏捷性对象并使用视图将所有子项追加到它上面(不知何故,我无法使其工作.)

哪个是最好的,涉及的语法是什么?在此先感谢,任何有关将html组件组装成一个有说服力的敏捷性应用程序的指导将非常感激.

http://jsbin.com/ojenon/1/


javascript model-view-controller agility.js

6
推荐指数
1
解决办法
787
查看次数