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进行选择的布尔值数据库表中存储。
领取专属 10元无门槛券
私享最新 技术干货