找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2022-8-24 09:16  /   查看:4336  /  回复:0
本帖最后由 Simon.hu 于 2022-8-25 09:44 编辑

如果你觉得上一个教程中展示的组件功能就已经是全部了,那你就太天真了,组件功能比你想象中的更加强大~~~今天再给大家来一个王炸,然后我来给大家稍微整理一下这个功能的价值。

----------------------自定义表格组件-------------------------------

大家在使用活字格开发应用的时候,有没有经常发现任何一个列表页面经常需要,表格的分页和搜索等等功能;每个功能模块都需要设置一遍表格,能不能搞一个组件让通用组件,让我们以后可以只给此组件设置数据源,别的功能自动包含呢?答案当然是可以的

创建一个由以下截图内容组成的组件
image.png381370848.png

这个组件的核心是
  • 数据源属性:用来给EL-表格设置数据源
  • 总行数属性:用来给分页单元格设置总行数和当前一共几页
  • 重新加载数据:当搜索和分页等事件发生时,筛选合适的数据源,设置到表格中

image.png671168212.png
这个组件麻烦的是,考虑清楚哪些属性变化的时候,应该执行什么事件(具体我就不说了,等预览版发布的时候,我会将我的工程文件分享出来)
image.png425662230.png
接下来,我给大家秀一下如何使用这个组件;
为了方便演示,我在一个页面动态的修改【表格组件】的数据源,最终使用的时候,我们可以通过不同的列表页面或者其他方式设置表格组件的数据源
详细的细节我就不过多赘述了,重要的调用逻辑在这里
image.png290945128.png

一起看一下效果(抱歉动图长了就有点问题,基本可以从动图中看到,切换数据源,分页,修改每页加载行数,搜索等功能都自动包含,无需二次设置)
效果.gif

----------------------------【组件】小结----------------------------
组件是一个比较高级的功能,并不一定适合小白用户;
但是他跟我们的插件有异曲同工之妙,大神可以开发出来很多的组件,小白用户直接使用这些组件开发可能比直接使用活字格的内置功能开发还要快~~~

后续我们会在葡萄城市场上,像上架一个插件一样,支持大家上架组件~~~~

个人感觉组件至少有一下作用
作用1:定义开发规范
我们可以定义一组的按钮(如添加,修改,删除等等),让所有开发人员都必须使用这些按钮,来完成模块功能的开发;这样相当于大家的的都统一了一套UI框架

作用2:提升开发效率
我们可以将很多的功能集成到一个组件中,就想本节的表格组件一样,虽然开发组件的人挺累的,但用的人爽啊
作用3:搞定一些以前搞不定的功能

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部