丰富的Javascript UI框架,EXT,DOJO和YUI

Question

免责声明和长卷问题临近

我知道这样的话题在这里已经被打死了,所以我可以说我不是在问哪个框架更好,我真的不关心更好的框架.他们都做了很棒的事情.

鉴于我有一个现有的Web应用程序,主要由常规的HTML + CSS(需要的jQuery)组成,这是将一些"丰富"页面集成到通常的常规HTML流中的最佳框架.

我正在尝试将我们经过验证的应用程序带入像UI这样令人敬畏的桌面领域,但我想做一个小块,一次一个屏幕.但是对于我们的用户来说,支持人员,特别是我慢慢来,是唯一的选择.

此外,由于我们的品牌要求具有仅接管视口的框架不是一个选项,它必须与屏幕上的其他HTML一起使用.

想象一下,该示例在纯HTML + CSS环境中是一个富用户管理器.

Dojo + Dijit
Pros:新的1.5小部件加上claro主题可以治愈我们的烦恼.Dojo似乎能够使用标记来创建非常吸引人且具有相当数量的小部件的UI.

缺点:神圣臃肿的lib蝙蝠侠!Dojo似乎是巨大的,我必须学习一个自定义构建系统,以使其停止请求4,800个javascript文件.这个复杂的Javascript帝国让我相信我将无法创造出那些尚未存在的东西.

ExtJS
优点:惊人的小工具集,做我们可能想要的一切.似乎很快,每个版本都带来了新的改进.

缺点:如果整个显示器都不是EXT,我不知道如何使用它.我还在建立一个网站,所以我更喜欢可以整合到我们已有的东西.这里的一些指示会很棒.

YUI
优点:嗯,雅虎不是吗？AWS控制台是完全邪恶的.大量的支持和巨大的社区.

缺点:嗯,雅虎不是吗？AWS控制台是唯一邪恶的东西.对于习惯于jQuery的人来说很复杂.

我愿意接受经验,解决我已经概述的问题的方法,新的工具包(尽管我很确定我现在已经看到了很多),甚至只是建议.

Answer 1

关于ExtJS,在现有的div中启动它很容易,如下所示:

Ext.onReady(function() {
    App = new Ext.Panel({...})
    App.render('div-id')
});

然后,App面板可以拥有自己的布局管理器.