TERSUS画画一样开发软件 显示元件介绍-分页面及左右栏显示元件

TERSUS无代码手机电脑管理类软件开发,其中页面框架设计的显示元件包括:分页面显示元件(Tabbed Pane)、左右可调大小两栏显示元件(Split Pane)

分页面显示元件(Tabbed Pane):是一个含多个显示页面的容器,每个页面以一个横放栏位的形式出现,默认放有两个页面:

1、可以对分页中的每个显示块进行改名,显示块名称即是导航栏位的名称、可以右键添加更多显示块;

2、对每个分页元件中的子元件,标题栏中元件等进行属性定义,用“html.style”或“html.styleClass”:

3、当分页元件总的高度设定为100%且有效时(有时因为上层未定义的原因无效),内部头部可以固定一个65px或其他高度,则显示块高度可以用“height:calc(100% - 65px);”来进行定义,或按百分比定义样式高度值:

左右可调大小两栏显示元件(Split Pane):是一个中间有一个分隔线将左右分为两部分的容器元件。左侧显示块可以设计菜单或目录内容;右侧内容块放置内容信息,且中间分隔线可以左右移动。注意左右可调大小的元件功能可以通过三个显示块(Pane)来设计,采用左右可调大小元件设计时,有些浏览器不能很好的支持:

其样式定义同分页显示元件样式定义。

原文地址:http://blog.51cto.com/11967955/2091342

时间: 2024-10-29 13:16:36

TERSUS画画一样开发软件 显示元件介绍-分页面及左右栏显示元件的相关文章

TERSUS画画一样开发软件 显示相关处理元件介绍-页面行为元件1

TERSUS无代码手机电脑管理类软件开发,其中页面处理行为类元件包括:向前一页(Forward)元件.后退(Back)元件.跳转页面(Go to URL)元件.带参数的跳转(Create Location)页面地址生成元件.获取页面参数(Get View Parameters)元件 向前一页(Forward)元件:是在浏览器中显示当前页之前显示过的一页,退回上页的功能.其功能与浏览器上一页功能一样,比如开发在一个按钮中时,用户点击即跳转上一页: 后退(Back)元件:同上,是显示当前页下一页或前

TERSUS画画一样开发软件 显示元件介绍-按钮类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的按钮类显示元件包括:按钮(Button)元件.按钮组(Button Group)元件. 按钮(Button)元件:用户在前端可以直接看到一个带名称的按钮,点击后可执行一个逻辑处理的元件,其默认的结构如下图,是开发时拖放一个按钮后双击进入按钮看到的样子: 1.按钮本身会默认一个名称,同一父元件内放第一个时显示"Button",第二个会显示为"Button 2",按钮可以改名(快捷键"f2"或

TERSUS画画一样开发软件 显示元件介绍-容器类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的容器类显示元件包括:内容显示块(Pane)元件.行显示元件(Row).列显示元件(Column).工具栏元件(Tool bar).组合元件(Group) 内容显示块(Pane)元件:是一个显示容器,可以做为一个显示框处理,前端客户只能看到他属性设定的效果,除属性中设定边距及颜色边框等可显示要素外,前端显示效果中客户是看不到这个块的其它内容的.主要的作用: 1.约束了放入其中的其他显示元件的通用属性,定义在它上面的属性如果在其内部放置的其它

TERSUS画画一样开发软件 显示元件介绍-图片图标类显示元件

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的图片图标类显示元件包括:图片显示元件(Image).通用显示块元件(HTML Tag). 图片显示元件(Image):显示图片用,直接指定所要显示的图片的地址,在属性中定义图片样式即可. 1.图片源文件可以是项目文件夹中图片文件夹中的图片,自定义的图片可以存入此文件夹,也可以在文件夹中放下一层文件夹并义所需图片放入: 2.地址可以以常量形式定义,拖放一个字符常量元件,用地址来命名此常量的名称,然后传值给图片<Caption>变量即可,也

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

TERSUS无代码手机电脑管理类软件开发,其中可拖放使用的勾选类显示元件包括:勾选框元件(Check Box).带标签勾选框元件(Check Box with label).放射效果多选项按钮元件(Radio Button Group).放射效果单项勾选元件(Radio Button) 勾选框元件(Check Box):勾选框元件是用户在电脑或手机上可以打勾选处理的元件,当前端打勾时,其中的值变为布尔常量"是",可以用于后面逻辑的判断等,比如如果勾选则进行什么逻辑处理等. 1.勾选框的

TERSUS画画一样开发软件 显示元件介绍-常量及链接显示元件

TERSUS无代码手机电脑管理类软件开发,其中包括务类常量显示和链接显示元件:字符显示元件(Text Display).数字显示元件(Number Display).日期显示元件(Date Display).时间显示元件(Date and Time Display).链接显示元件(Link) 常量显示元件:是一个固定的数字.字符串.日期或时间显示的元件,当显示内容传值给它时,在手机或电脑用户前端就可以看到值.但是在具体使用时,还需要注意: 1.输入值与显示常量的值类型要一致,比如要显示的值是文字

TERSUS画画一样开发软件 显示元件介绍-列表显示元件

TERSUS无代码手机电脑管理类软件开发,其中专用于手机或平板端的重复类信息显示的元件:列表或清单元件(List) 列表或清单(List)元件:是一个容器类的元件,当有一组多个信息需要显示在一块区域且多组排列显示时用.多用于手机和平板端.比如常用的应用中,手机查看店中上架的零食信息,就是一个点型的列表显示: 这类重复内容都是列表显示来做出来的,列表显示默认的元件如下: 列表元件使用时有以下几点: 1.使用时可以对列表元件或其内部内部List Item中的显示元件用"html.style"

TERSUS画画一样开发软件 显示元件介绍-子页面及弹窗显示元件

TERSUS无代码手机电脑管理类软件开发,其中窗口类显示元件包括:子页面元件(Page Dialog).弹窗显示元件(Modal Dialog) 子页面元件(Page Dialog):是手机和平板移动端设计时所用到的新页面元件,移动端是由各个页面所组成的,在按钮等元件中放置一个页面,前端用户在点击按钮时,就会以新的页面覆盖旧页面,首页中,可以并列显示多个页面,如下: 1.页面元件一般有个头部和主内容区,头部中也有默认元件,所有元件,包括页面元件都可以单独定义显示样式"html.style&quo

TERSUS画画一样开发软件 显示元件介绍-表格显示元件

TERSUS无代码手机电脑管理类软件开发,其中表格显示元件包括:简单表格显示元件(Simple Table).复杂表格显示元件(Table) 简单表格显示元件(Simple Table):是一个简单的二维固定样式表格元件,其中只有一个显示列的数据结构是可以变更的,默认有一个日期和数字数据类型元件,每一个数据类型是表格一列,名称就是列名称: 1.只可以对表格进行样式定义,用"html.style"以及"html.styleClass": 2.可以右键将表头"