Foxtable(狐表)用户栏目Web开发 → 每天进步一点(191014):为什么总被吐槽的EasyUI仍然用者众?8大数据加载引用方式告诉你答案!


  共有284人关注过本帖树形打印复制链接

主题:每天进步一点(191014):为什么总被吐槽的EasyUI仍然用者众?8大数据加载引用方式告诉你答案!

帅哥哟,离线,有人找我吗?
reachtone
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 一级勋章
等级:版主 帖子:1933 积分:16582 威望:0 精华:19 注册:2008/9/2 10:09:00
每天进步一点(191014):为什么总被吐槽的EasyUI仍然用者众?8大数据加载引用方式告诉你答案!  发帖心情 Post By:2019/10/14 10:37:00 [只看该作者]

前天我把论坛上的“每天进步一点”系列文章(191012)发到了今日头条,没想到周末一天多的时间,被推送近5万次,阅读近7000,评论数十条。这说明,EasyUI框架还是广受关注的。

图片点击可在新窗口打开查看
为什么那么多人在吐槽EasyUI的界面不够时尚,却同时又有这么多人在关注它?就是因为它有着非常强大的数据交互功能,没有深入使用过这个框架的用户根本是感觉不到的。它对数据处理之细腻,绝非其他框架可及。现仍然以最基础的panel面板组件为例,要在面板中动态加载数据,就有8大处理方式。具体请参考实例:

图片点击可在新窗口打开查看

在这个例子中,前面6种是panel面板自带的,后面2种使用的是jquery的,且在攻略第2版的293-308页都有详细说明,攻略中的动态数据全部来自Foxtable服务器:
content:一般用于加载静态的html数据。
href:一般用于从服务器动态加载数据。此属性可配合method属性决定是get方式还是post方式请求。
extractor:对动态请求过来的数据进行按需提取。如本例,加载过来的数据有9条,但仅仅取其中的一条(“王伟”)。
queryParams:尽管extractor可以过滤数据,但它毕竟还是从服务器请求过来的一堆数据中过滤出来的。为了提高运行效率,也可以使用queryParams属性直接指定加载的条件,这样加载过来的就仅仅是需要的数据(“李芳”),其他不需要的就不用从服务器发过来了。
onLoad:对于符合条件的加载数据,还可以在此事件中进行二次处理。如本例,就将加载过来的数据直接使用datagrid组件,使之自动以表格形式展示。
loader:这是一种终极的数据加载方式,因为可以在这里使用ajax定义数据请求地址、请求方式、查询参数、数据加载成功时的回调函数、失败时的回调函数等等,非常非常灵活。本例就通过此方式生成了图文并茂的数据请求效果。
html和load方式:这两种方式都是基于jQuery的,非常简单,一看实例就懂。

[此贴子已经被作者于2019/10/14 12:11:07编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
cnhh
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:117 积分:959 威望:0 精华:0 注册:2013/2/18 21:15:00
  发帖心情 Post By:2019/10/14 22:15:00 [只看该作者]

 顶!

 回到顶部
帅哥,在线噢!
wei0769
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1136 积分:11154 威望:0 精华:0 注册:2013/4/10 14:38:00
  发帖心情 Post By:2019/11/9 10:50:00 [只看该作者]

图片点击可在新窗口打开查看

 回到顶部