控件介绍

您现在所在位置:首页>平台功能介绍>控件介绍>通用控件介绍
 

2  通用控件介绍

1 Flash
说明介绍:
通过Flash 控件实现在界面显示 .SWF 格式文件,将 .SWF 格式文件放进构件的资源文件夹,通过双击控件选择相应的 .SWF 格式文件显示在界面。此处添加的是文件编码为fileno.swf的文件。
其他:
控件名称:JGAnimation1,是该控件的名称,自身有对应的默认值。 
需求:在界面中显示想要的flash文件。
示例:在窗体中有一个动画显示。



数据:
备注:记录一些注意事项。
2 按钮
说明介绍:用凸凹方式显示的事件响应控件。通过点击事件来触发按钮的功能。
按钮控件对应的属性:

其他:
控件名称:JGButton1,是该控件的名称,自身有对应的默认值。
标题:按钮,对该控件进行命名,该命名的标题直接在界面上显示给用户。
事件:
单击事件:当单击控件时触发相应的事件。
需求:单击按钮之后有消息框提示。
示例:在按钮控件的单击事件中添加“显示设置的提示信息”规则,单击按钮之后弹出提示窗口“hello world”。


数据:
浮动提示:在控件旁边有小标签提示按钮控件的名称。


          使能:负责控制数据的输入和输出叫做使能,只有两个选项,true和false,如果选择true,该控件就变成能够进行数据输入输出,如果选择false,该控件不能够进行信号输入输出。一般情况下不做设置默认为true。
备注:记录一些注意事项。
3 组件容器
说明介绍:
          用于页面装载的控件。使用该控件能够制作页面边框,用于区分不同区域,并且该控件不会影响到在其内部的其他控件。
组件容器控件对应的属性:

其他:
控件名称:JGComponentContainer1,是该控件的名称,自身有对应的默认值。
需求:在页面上添加一个边框不影响其他控件。
示例:在原有的页面上添加边框。


数据:
备注:记录一些注意事项。
4 下拉菜单
说明介绍:
          用于多级菜单设置,用户可以设置添加多级菜单项。在下来菜单中设置相应的单击规则能够实现不同的事件。
下拉菜单控件对应的属性:

格式:
菜单设计:设计菜单控件的不同层级的菜单项。
背景图片:通过添加背景图片能够使菜单更加美观。
需求:设计有三个大项的菜单,每个大项有一个小项的下拉菜单
示例:在下拉菜单控件中设计菜单,并且在子菜单总添加“显示设置的提示信息”规则,单击按钮之后弹出提示窗口“hello world”。





其他:
控件名称:JGDropdownMenu1,是该控件的名称,自身有对应的默认值。
数据:
备注:记录一些注意事项。
5 流布局 
说明介绍:
         可自动调节权限引起的控件间参差不齐的显示间距的控件容器。即放在该控件中的其他控件能够自动由流布局控件编排好布局,做到整齐划一。
流布局控件对应的属性:

其他:
控件名称:JGFlowLayoutPanel1,是该控件的名称,自身有对应的默认值。
事件:
单击事件:当单击控件时触发相应的事件。
需求:使用流布局控件将其他控件进行布局管理,当点击空白处时有提示。
示例:用流布局控件把控件进行了布局管理,然后在单击事件中添加“显示设置的提示信息”规则,单击按钮之后弹出提示窗口“hello world”。



数据:
只读:只有两个选项,true和false,如果选择true,该控件就变成只能读,不能修改,如果选择false,该控件就能点击选择,修改控件内容,能够控制分组内部全部控件的只读情况。




          使能:负责控制数据的输入和输出叫做使能,只有两个选项,true和false,如果选择true,该控件就变成能够进行数据输入输出,如果选择false,该控件不能够进行信号输入输出。一般情况下不做设置默认为true。
备注:记录一些注意事项。
6 分组
说明介绍:
         通过将不同的控件拖进分组控件,从而实现多个控件的分组显示。例如:需要使用多个文本控件来表示同一个事物的信息,需要多个文本控件表示另外的事物的信息的情况下,可以将表示第一个事物的信息用分组控件分组,用另外一个分组控件对另一个事物分组。
分组控件对应的属性:
其他:
控件名称:JGGroupBox1、JGGroupBox2,是该控件的名称,自身有对应的默认值。
标题:个人基本信息、看病信息情况,对该控件进行命名,该命名的标题直接在界面上显示给用户。
数据:
只读:只有两个选项,true和false,如果选择true,该控件就变成只能读,不能修改,如果选择false,该控件就能点击选择,修改控件内容,能够控制分组内部全部控件的只读情况。
          使能:负责控制数据的输入和输出叫做使能,只有两个选项,true和false,如果选择true,该控件就变成能够进行数据输入输出,如果选择false,该控件不能够进行信号输入输出。一般情况下不做设置默认为true。
备注:记录一些注意事项。
需求:医院的病人看病记录登记,将病人基本身份信息分为一类,然后将病人的看病记录信息划分为另外一类。
示例:将病人的个人身份信息划分为一个分组,将病人的看病信息分为另外一组,并且将个人基本信息变成只读。

7 图片
说明介绍:
          用户可在设计器上插入图片。通过添加图片达到美化界面的目的。用户可以在使用界面点击选择图片选项打开资源选择器,从中选择需要的图片资源添加到控件中。

图片控件对应的属性:


其他:
控件名称:JGImage1,是该控件的名称,自身有对应的默认值。
事件:
单击事件:当单击控件时触发相应的事件。
需求:在界面中添加需要的图片,并且点击该图片后会弹出窗体。
示例:在图片控件中加入图片,在单击事件中加入“显示设置的提示信息”规则,单击按钮之后弹出提示窗口“hello world”。


数据:
实体名:userinf,该控件对应的实体的名称,将图片和界面实体相关联。
字段名称:usn,该控件绑定的实体中所对应的字段名称。
浮动提示:在控件旁边有小标签提示按钮控件的名称,通过设置表达式能够得到不同的浮动提示结果。
备注:记录一些注意事项。
8 标签
说明介绍:
提供在窗体上相对固定的位置显示文本的区域,主要用于显示提示信息,可以用作标题、栏目名或输入、输出区域的标识,也可作为结果信息的输出区域。
标签控件对应的属性:

其他:

控件名称:JGLabel1,是该控件的名称,自身有对应的默认值。

标题:测试页面,对该控件进行命名,该命名的标题直接在界面上显示给用户。

事件:

单击事件:当单击控件时触发相应的事件。

需求:在界面中添加页面标题,并且点击该图片后会弹出提示。

示例:加入页面主标题,在单击事件中加入“显示设置的提示信息”规则,单击按钮之后弹出提示窗口“hello world”。





数据:

浮动提示:在控件旁边有小标签提示按钮控件的名称,通过设置表达式能够得到不同的浮动提示结果。

备注:记录一些注意事项。

9 链接
说明介绍:
是指从一个组件指向另一组件的链接关系。

链接控件对应的属性:


其他:

控件名称:JGLinkLabel1,是该控件的名称,自身有对应的默认值。

标题:链接,对该控件进行命名,该命名的标题直接在界面上显示给用户。

链接地址:http://meizu.com/,指向的另一组件的地址信息。

链接参数:在打开链接的时候传递指定的参数信息。


数据:
          使能:负责控制数据的输入和输出叫做使能,只有两个选项,true和false,如果选择true,该控件就变成能够进行数据输入输出,如果选择false,该控件不能够进行信号输入输出。一般情况下不做设置默认为true。

跳转目标:只有两个选项,_self和_blank,如果选择_self,点击该控件就会在当前页面跳转到指向的另一个组件,如果选择_blank,点击该控件会在新窗口打开指向的另一组件。

浮动提示:在控件旁边有小标签提示按钮控件的名称,通过设置表达式能够得到不同的浮动提示结果。

备注:记录一些注意事项。

需求:点击链接控件时在新的页面打开链接,并且将鼠标指向链接控件的时候有浮窗提示。

示例:链接控件链接外部地址http://meizu.com/。



10 导航菜单
说明介绍:
可切换两个新的空间来标记、展示和定位目标的分类或内容。
其他:
控件名称:是该控件的名称,自身有对应的默认值,方便规则配置
数据:
备注:开发人员对该项的备注,只在开发平台可见
使用操作:当选定导航菜单控件放在窗体上后,双击该导航菜单后,可以对该导航菜单进行配置操作,例如可以:添加面板,删除面板,添加节点,删除节点等操作。
需求:点击该菜单导航后,可以新增入库,或者退出窗体(即关闭页面)
示例:在菜单导航控件添加两个面板,分别是新增入库和退出窗体(在文本中改名字),添加完成面板后,在鼠标单击事件中配置分别配置“打开窗体并返回数据”和“退出窗体”规则。
分别对应不同的鼠标单击事件,配置不同的规则,该案例中,主要是配置“打开窗体并返回数据”规则和“退出窗体”规则。在此,用“退出窗体”规则举例。
在鼠标单击事件中配置“退出窗体”规则

配置完成后,保存,部署构件,预览效果如下。当点击新增入库的导航菜单栏会弹出新增入库的界面,点击退出窗体,会关闭界面。

需求:当导航菜单的数据源类型是Table时,点击导航菜单的子节点选项,显示导航界面内容

示例:,点击导航菜单,在导航菜单子节点显示一个组件容器的界面

步骤如下:

  

  

自定义一个窗体:

 

再另一个窗体中,定义好导航菜单:

 

双击导航菜单进入菜单设计器:

 

配置规则“打开窗体并返回数据”

 

效果如下:

 

 

 
11 面板
说明介绍:
是指其控件本身具有装载其它控件的能力。
其他:
控件名称:是该控件的名称,自身有对应的默认值,方便规则配置
数据:
备注:开发人员对该项的备注,只在开发平台可见
使能:False和True,不使能时面板存在,但是用户并不能看到
只读:False和True,限制显示的形式,不能直接修改
使用操作:面板控件相当于是一个容器,把它拖到窗体上后,可以在面板上添加其他的控件。
12 开始菜单
说明介绍:
可切换两个新的空间来标记、展示和定位目标的分类或内容。
其他:
标题:对该控件进行命名,该命名的标题直接在界面上显示给用户
控件名称:是该控件的名称,自身有对应的默认值,方便规则配置
数据:
备注:开发人员对该项的备注,只在开发平台可见
          使用操作:将开始菜单控件拖到窗体后,双击菜单控件,进入到菜单设计器,开始菜单控件的功能类似于树表和导航菜单。在开始菜单控件的菜单设计器中,可以进行添加项,添加子项,移除项的操作。可以在该项的文本中对该项进行命名。每一项都有自己对应的单击事件,开始者可以对相应的业务逻辑对该单击事件自行自定义规则。
需求:点击开始菜单,选择新增入库,打开新增入库界面。
示例:在开始菜单控件的新增入库子项中的单击事件里配置“打开界面并返回数据”规则和“触发控件事件”规则。当在界面点击开始菜单,选择新增入库后,打开新增入库界面。

规则添加完成后,当点击开始菜单,选择新增入库后,用户界面效果如下图所示:

当点击新增入库后,效果如下图所示:

13 页签控件
说明介绍:
可切换两个新的空间来标记、展示和定位目标的分类或内容。
其他:
标题:对该控件进行命名,该命名的标题直接在界面上显示给用户
控件名称:是该控件的名称,自身有对应的默认值,方便规则配置
事件:
页签切换事件:当页签在切换时,根据不同业务逻辑,触发不同的事件
需求:当切换页签时,询问用户,是否要切换
示例:在页签控件的页签切换事件中配置“显示设置的提示信息”规则。当用户在切换的页签时,弹出提示。
配置的规则:

切换页签前,显示的界面效果:

切换页签后,显示的界面效果:

点击确定后,显示页签2的内容,效果图如下:
 
数据:
备注:开发人员对该项的备注,只在开发平台可见
使能:只有两个选项true或者false。如果选择true,该控件能正常使用;如果选择false,该控件就默认为不能使用,无法再对该控件进行操作
只读:False和True,限制显示的形式,不能直接修改