EasyUIJQuery EasyUi之分界面设计——前言与分界面效果(一)

只要冯巩的开场白是“听众对象们,作者想死你们了”,那么笔者的开场白是“目前直接很忙,很久未有发文了”。

眼下说过了EXT.NET,那里顺便再说说JQuery EasyUI。为什么作者会选拔JQuery
EasyUI呢?主要有以下几点:

  1. 轻量级。
  2. 着力的机件都用,即“麻雀虽小伍脏俱全”。
  3. 动用轻便方便,比方补助html+js。
  4. 可扩大性。
  5. 可维护性。世上未有两全的产品,而且其对IE陆的包容性还存在部分主题材料,但比较extjs,其照旧很便宜阅读和改造的。
  6. 轻易性。这既是可取也是老毛病。比方icon,自带的就那么多少个,像小编这么的懒人,就用那么几个就够了,extjs的Logo选拔起来都相比费心。假设实际不够用,就去extjs里面找多少个拉长。再举例组件的利用,官方文书档案的描述也就那么几页,使用起来,也就那么几个方法与事件,但核心够用了。
  7. 个体不喜欢因循守旧,喜好利用对友好的话有点神秘和生分的才能。
  8. extjs如三个行动不便的美妇,其脚本太变得强大,对象太足够,并且不方便人民群众拥戴;ext.net如二个美容得乌贼招展的裹脚的巾帼,其将extjs封装成服务器控件,固然其爱惜起来不错,体验科学,使用方便,可是自身不爱好使用服务器控件的那种方法,也不欣赏其包了1层有一层的外壳,调起难点来从ASP.NET到EXT.NET到extjs;而easyui,则如一个质朴的千金,从外表就能够窥探内心,清秀而不失雅观。
  9. 其他。

近来手上有个私活,于是就尝试了。今后项目早就主导告竣了。那么本身就来讲说EasyUi那个连串吧。由于岁月少于,会分几篇说(一定会说完),而且立异时间不会一定,敬请谅解。

在此以前,先说说编写本体系的安排吗:

  1. JQuery EasyUi之分界面设计——前言与分界面效果(一)
  2. JQuery EasyUi之分界面设计——通用的JavaScript(2)
  3. JQuery EasyUi之分界面设计——母版页以及Ajax的通用管理(三)
  4. JQuery EasyUi之分界面设计——代码详解(四)

下边先从分界面效果开首吧。

首页

EasyUI 1

首页的样式是扒的官方网址DEMO,但是与其不相同的是,其动手是二个框架,笔者那里的左侧换来了3个tab,对于处理类别来讲,使用tab更有益于。

剧情显示页面

EasyUI 2

地点的按键时类型,使用的是linkbutton兑现的特效。下边区域使用的是datagrid,查询放在顶部工具栏。

弹出窗口

EasyUI 3

弹出窗口能够用来新添|编辑,也得以用于其余功用,那么些职能与extjs的window大约。

增加产量与编制

EasyUI 4

easyui的form自带验证、提交、重新初始化与赋值,使用起来轻巧方便。

提示框

EasyUI 5EasyUI 6

EasyUI 7