吴小胖 发表于 2023-2-21 10:01:20

【小胖课堂】组件小白入门课程



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


闲言少叙,直接开整!


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


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


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

2、接下来就是设置组件属性了,在没有添加任何新属性的情况下,设计器默认提供:(单元格的值)

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


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

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

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

4、在页面上插入“组件容器”并选择需要的组件;

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

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

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

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

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

wssylxb 发表于 2023-2-21 10:05:51

谢谢

caozb 发表于 2023-2-21 10:32:03

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

晨楠 发表于 2023-2-21 14:14:05

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

lovert 发表于 2023-2-21 17:04:26

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

组件和页面数据传递简易教程
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=154665&fromuid=54697
(出处: 葡萄城产品技术社区)
页: [1]
查看完整版本: 【小胖课堂】组件小白入门课程