选定:

主框架: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测试一下。不然可能会在开辟过程中导致严重结果。 
教训啊。

基于jquery的ui选择之路的更多相关文章

  1. 前端基于jquery的UI框架

    正在做的一个项目选择jquery作为前端js核心库.然后就想选一个基于jquery的ui库,然后悲催的事情发生了. 至于为什么使用jquery,一是因为不想为授权费用,而又不想引起可能法律纠纷:另一方 ...

  2. 基于jquery的城市选择插件

    城市选择插件的难度不是很大,主要是对dom节点的操作.而我写的这个插件相对功能比较简答,没有加入省市联动. 上代码好了,参照代码的注释应该比较好理解. /* *基于jquery的城市选择插件 *aut ...

  3. 打造基于jQuery的日期选择控件

    终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,今天我来和大家分享的是日期选择控件的实现,功能也许不够强大,但是能够满足需求. 我之前也写过(正确的说是改过 ...

  4. 打造基于jQuery的智能选择输入框

    UPDATE:修正了在FireFox下显示的问题,重新copy CSS即可 写完这个名字忽然觉得有点标题党的嫌疑,但是又不知道什么样的名字比较合适,那就暂且这样吧. 今天要讲的东西比较简单,其中会用到 ...

  5. 基于jquery开发的UI框架整理分析

    根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据j ...

  6. jquery easy ui 1.3.4 快速入门(1)

    什么是easyui jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂 ...

  7. JQuery Easy UI 简介

    [什么是JQuery Easy UI?] jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合,而 jQuery EasyUI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并 ...

  8. 基于jQuery美化联动下拉选择框

    今天给大家介绍一款基于jQuery美化联动下拉选择框.这款下下拉选择框js里自带了全国所有城市的数数库.下拉选择框适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲 ...

  9. 基于jQuery UI的tabs选项卡美化

    很多朋友对JS望而生畏,但听很多朋友说jQuery很简单,因此开始使用jQuery,使用之后发现,只会写简单的功能,复杂的功能还是不太会写或者总是担心自己写的有性能问题,对前端人员来说只能通过不断学习 ...

随机推荐

  1. HTML5学习笔记(五):CSS基础

    CSS 指层叠样式表 (Cascading Style Sheets),在网页中用来定义网页的元素如何进行显示. CSS 对大小写不敏感.不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,c ...

  2. MediaStore insert bitmap为黑色

    MediaStore.Images.Media.insertImage(mFragmentActivity.getContentResolver(), qrBitmap, "xx券面值10元 ...

  3. Spark提交任务提示 com.mysql.jdbc.Driver Class not found

    com.mysql.jdbc.Driver Not Found 提示很奇怪,在sbt文件中已经引用了,编译也没有问题: "mysql" % "mysql-connecto ...

  4. 多媒体文件格式之MP4

    [时间:2016-06] [状态:Open] 学习多媒体容器格式的目的 主要是为了回答以下问题: 该容器中数据是如何组织的? 该容器包含哪些编码格式的数据?这些数据是如何存储的? 该容器包含哪些元数据 ...

  5. Oracle使用Sql把XML解析成表(Table)的方法

    SELECT * FROM XMLTABLE('$B/DEAL_BASIC/USER_DEAL_INFO' PASSING XMLTYPE('<?xml version="1.0&qu ...

  6. iOS开发:代码通用性以及其规范 第一篇(附带,自定义UITextView\进度条\双表显示\瀑布流 代码设计思路)

    在iOS团队开发中,我见过一些人的代码,也修改过他们的代码.有的人的代码写的非常之规范.通用,几乎不用交流,就可以知道如何修改以及在它基础上扩展延生.有的人的代码写的很垃圾,一眼看过去,简直会怀疑自己 ...

  7. laravel中facade serviceprovider的理解

    一个serviceprovider就是一个解决某个功能的公用模块,实际上可以直接用在di里注册然后从di中取出,为啥还要搞个facade呢? 有几个方面的原因 1.把实例化移入到serviceprov ...

  8. [转]BigDecimal不整除异常

    通过BigDecimal的divide方法进行除法时当不整除,出现无限循环小数时,就会抛异常的 异   常 :java.lang.ArithmeticException: Non-terminatin ...

  9. [转]Oracle SQL函数pivot、unpivot转置函数实现行转列、列转行

    原文地址:http://blog.csdn.net/seandba/article/details/72730657 函数PIVOT.UNPIVOT转置函数实现行转列.列转行,效果如下图所示: 1.P ...

  10. 【WPF】代码触发Button点击事件

    先定义Button按钮并绑定事件. public void test() { Button btn = new Button(); btn.Click += Btn_Click; } private ...