登录/注册

首页 › 活字格专区 › 格友杂谈 › 查看内容

103 主题	1564 帖子	4371 积分

积分: 4371

49571
金币
103
主题
1564
帖子

最新发帖

[资源分享] 【小胖课堂】组件小白入门课程

讲师达人认证

悬赏达人认证

活字格认证

论坛元老 / 发表于：2023-2-21 10:01 / 查看：1532 / 回复：4

image.png272213439.png

各位小伙伴大家好~小胖课堂又开课了，今天恰逢二月二，祝福大家今年财源广进，抬头见喜，财源滚滚！
8.0发布后，新的工作流让大家耳目一新，随后更新的组件功能也是超级好用，但是，实话实说，组件虽好用，入门还是有写门槛的。（我自己看了不下三遍胡布斯的直播视频，但是还是有点云里雾里……主要是自己当时没有场景使用。说白了：纸上学来终觉浅，绝知此事要躬行。）

闲言少叙，直接开整！

【场景描述】
需要收集员工信息，包括：姓名、年龄、性别、联系方式、族别、学历、工种……简单理解：就是做一个表单，然后让员工去填写即可。

传统做法：
我们新建一个工程，在页面上把这些内容依次拖拽也可以实现。为了偷懒，不想去一遍遍拖拽那些控件，于是乎就有了组件！我的理解是：把使用相同控件的都放在一起的一个集合。理论不说那么多了，咱们直接来实操：

1、新建一个组件，并且按照自己的实际需求保留单元格数量，并在自己需要的位置插入相应的控件，我这个组件是专门用来输入文本的，所以我选择了“EL-输入框”；
image.png251155394.png

image.png251155394.png

2、接下来就是设置组件属性了，在没有添加任何新属性的情况下，设计器默认提供：（单元格的值）
image.png341853026.png

image.png341853026.png

单元格的值如何理解呢？其实很简单，就是说您在页面上把这个组件放在哪个单元格里，这里就使用并显示哪个值。比如：您在页面的A1单元格里放置这个组件，您的A1单元格里写的是：姓名那么这个组件的单元格的值就是姓名
image.png85168456.png

image.png85168456.png

image.png347291259.png

3、当然我们也可以根据自己的实际情况添加给组件属性，在组件上右击——创建属性；
image.png960421752.png

image.png960421752.png

根据自己的需要选择属性的类型并命名
image.png552886657.png

image.png552886657.png

当我们完成新建后，就会在绑定属性中看到刚才新建的那个属性了，我们把它绑定在需要的单元格上；
image.png23565367.png

image.png23565367.png

4、在页面上插入“组件容器”并选择需要的组件；
image.png362397460.png

image.png362397460.png

5、当我们自定义了组件属性后，在右侧就会出现一个输入框。
image.png570802611.png

image.png570802611.png

当我们在这个属性框里输入不同的内容时，它就会直接展示在刚才咱们绑定的那个位置里。
image.png661893005.png

image.png661893005.png

5、组件里的EL-输入框我们直接绑定单元格的值
image.png448351745.png

image.png448351745.png

6、至此，一个可以重复使用的文本组件就做好了~

有些小伙伴可能还会有疑问：那组件放在页面上了，我怎么把它的值保存到表里呢？我相信咱们各位格友都跃跃欲试了，自己先动手试试看！咱们下节课接着讲！

收藏

回复

4 个回复

倒序浏览

wssylxb
初级会员 / 发表于：2023-2-21 10:05:51 沙发

谢谢

回复 使用道具举报

caozb
高级会员 / 发表于：2023-2-21 10:32:03 板凳

非常感谢，出个视频系列就更好啦。

回复 使用道具举报

晨楠
初级会员 / 发表于：2023-2-21 14:14:05 地板

怎么说呢，组件功能课程看了两次也没太学明白，可能是我智商不够吧

回复 使用道具举报

lovert
银牌会员 / 发表于：2023-2-21 17:04:26 5^#

晨楠发表于 2023-2-21 14:14
怎么说呢，组件功能课程看了两次也没太学明白，可能是我智商不够吧

组件和页面数据传递简易教程
https://gcdn.grapecity.com.cn/fo ... 5&fromuid=54697
(出处: 葡萄城产品技术社区)

回复 使用道具举报