TERSUS画画一样开发软件 显示元件介绍-勾选类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的勾选类显示元件包括:勾选框元件(Check Box)、带标签勾选框元件(Check Box with label)、放射效果多选项按钮元件(Radio Button Group)、放射效果单项勾选元件(Radio Button)

勾选框元件(Check Box):勾选框元件是用户在电脑或手机上可以打勾选处理的元件,当前端打勾时,其中的值变为布尔常量“是”,可以用于后面逻辑的判断等,比如如果勾选则进行什么逻辑处理等。

1、勾选框的样式等可以在属性中“html.style”值中进行设置,可以改变显示元件的位置(如:margin:5px)及大小(如:width:15px;height:15px;)等:

勾选框元件样式设置

2、勾选框中也可以添加一个有变动时激活的行为处理逻辑,比如在列表表头中放置的勾选框,当勾选时,表示列表所有行全部选中,如果未勾选,则全部行都不选中(图片只开发了判断勾选的结果,是与否后面的逻辑没有开发,仅供参考):

勾选框中放入逻辑处理行为

3、配合其他显示元件的属性,当勾选时,可以让某些元件显示或隐藏:

勾选来决定是否显示文本

4、勾选值也可以直接传入数据库表中,作为一个输入进行数据保存:

勾选值直接传入数据库表

带标签勾选框元件(Check Box with label):是为勾选框默认放一个名称标签,元件的命名显示在标签之上,可以对标签样式在属性中进行设定。

放射效果多选项按钮元件(Radio Button Group):是默认放有2个放射效果勾选元件的组元件,与单个元件相比有两个功能区别:1、排它选择,当勾选其中一个时,其他取消勾选;如果要用到多选,则需直接多次使用单勾选元件放在一个块或HTML标签显示元件中;2、可以右键添加元件(add element)下添加更多的勾选项:

放射效果多选项按钮元件

放射效果单项勾选元件(Radio Button):是单个勾选框,放射效果图标在前端点击时,会带有一点动态扩散效果,这个元件也有其他元件的大部分功能:可以进行大小位置的样式设定,同上勾选框元件1;可以添加一个行为逻辑,当勾选时,做一些逻辑处理或其他信息的显示等,勾选框元件2、3;也可以同勾选框元件4进行选择的布尔值数据库表中存储。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180318A0Y7LY00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券