首页 > 技术文章 > 基于jquery的ui选择之路

superjt 2013-08-07 09:25 原文

选定:

主框架:jqueryUi

tree:ztree

grid:jqGrid

layout:jquery.layout

原由:

还有其他demo,ajax实现等参看连接:

正在做的一个项目选择jquery作为前端js核心库。然后就想选一个基于jquery的ui库,然后悲催的工作产生了。 

至于为什么应用jquery,一是因为不想为授权费用,而又不想引起可能法令胶葛;另一方面jquery也是所有最轻易上手和风行的js库。 

若是ext要用于商用就要付版权费,这个不可 
dojo的文档其实是无语,固然dojo很强大,然则入门门槛太高,进修曲线陡峭 
至于其它的ui库组内也没人用过 
于是就选了jquery 

接下来找了几个基于jquery实现的ui库,大项目组都是收费的,终极断定下来从easyui(后来据说easyui的授权容许与ext类似) ligerui和官方ui里面选一个 
jquery ui的样式很丢脸,所以此次决意换一个此外ui库尝尝 
easyui的layout嵌套有题目,怎么也解决不了,于是就决意应用ligerui。 

ligerui的layout嵌套也有题目,不过我想了个办法绕畴昔了,会丧失一些机能。 
然则真正悲催的工作来了。 

layout各个区域我试过了很多办法都加不上迁移转变条,center区域的div一通到底,有一项目组跟bottom重叠了。grid的获得选择的数据行、添加数据等操纵都不好使。并且各个组件供给的api与文档描述进出重大,开放的api也不敷雄厚,办法和事务太少。 

总之相当不好用,应用它就是恶梦。 

最后终于在项目还没有进行太久的时辰找机会从头应用jqueryui重构。 

固然jqueryui的样式太丢脸,然则它还是很好把握的,办法和事务也很雄厚。样式丢脸可以找美工批改这不是大题目。 
至于jqueryui没有的那些组件主如果tree、grid、layout、form、menu,前三个都在网上找到了专门的插件,后面两个筹办本身实现。 
tree推荐应用ztree,中国人本身开辟的,网上评价很好,更新也很快。毛病是每次更新,api变更都挺大,一般不敢在项目中进级,不然生怕要在用到ztree的处所改很多多少器材。 
grid推荐应用jqGrid,大版本号已经升到4,搜刮jquery grid、jquery datagrid排名第一,功能雄厚,供给通俗的datagrid treegrid和分组grid,还有分页条功能。 
layout推荐应用jquery.layout。仿照ext的borderlayout实现,然则有很多差别。支撑嵌套。样式斗劲丢脸,不过批改斗劲轻易。 

当时想图省事成果给本身找了大麻烦。 

项目正在进入开辟阶段之前,技巧选型必然要做好,不克不及因为工期紧、压力大就草率为之。采取某个第三方组件之前必须存眷下它的应用者都有哪些、文档雄厚不雄厚、授权和谈、网上的评价如何。最后还要本身实现一些demo测试一下。不然可能会在开辟过程中导致严重结果。 
教训啊。

 

推荐阅读