移动表单开发是表单页面在移动端的实现,包括移动表单、移动动态表单和移动列表。移动表单和列表可编辑并绑定数据,动态表单需自行创建。文章还介绍了动态表单的创建、编辑、保存和添加功能的方法,以及插件开发的方法和示例代码。
功能简介
顾名思义,移动表单就是对我们的表单等页面进行移动端的开发,使得我们制作的表单和页面能够在移动端中呈现。
种类介绍
移动端主要分为三大类,分别为移动表单、移动动态表单、移动列表
其中,移动表单和移动列表可以在单据或基础资料表单中进行编辑和开发,目的是与基础资料或单据的数据进行绑定,实现移动端操作数据的功能。
移动动态表单则需要自行创建,可用于首页、个人等其他页面的呈现。
使用方法
移动动态表单
创建表单
在页面处,点击新增按钮,选择移动端,选择表单
创建成功之后,来到移动动态表单的编辑页。该页面的结构跟其余表单的页面结构相似,除此之外,移动动态表单也新增了一些其他的功能。
编辑表单
在移动页面右方的编辑框中,我们可以找到模板按钮,来创建相应的模板
点击之后,可对动态表单进行模板的选择
除此之外,该表单也支持单独添加场景卡片来设计页面的功能。
保存表单
添加成功之后,点击保存,可对移动动态表单进行预览。至此,一个基本的移动动态表单就设计完成。
添加功能
在完成移动动态表单的页面基础开发之后,我们可以为页面的按钮添加功能。选中某个按钮,我们可以为此添加操作代码
在此我们以跳转移动表单为例,点击操作代码右方的按钮,选择操作,填写弹窗表单
添加完成后,点击保存,进行预览,点击按钮
我们可以看到点击之后弹出了相应的移动表单
因此,我们可以利用苍穹自带的操作代码来为按钮添加功能,当然我们也可以使用插件的方式来进行功能的添加。
移动表单
在单据或基础资料表单中,我们可以在顶部导航栏中看到除了表单、列表之外,还有移动表单和移动列表。点击移动表单,我们可以进行移动表单的设计。
在表单中,我们可以直接通过点击左方的字段来进行表单字段的添加。
添加完成后,我们同样可以根据右方的属性栏进行属性的调整,调整完成后进行保存
移动列表
在移动列表中,同样可以通过点击左方实体栏中的字段实体进行字段的添加,同时也可以在右方的属性栏中进行样式的修改。
保存列表后,点击预览可进入列表预览界面
点击列表中的元素,可以跳转到该数据所在的移动表单
插件开发
其实,移动表单、移动列表和移动动态表单的插件开发和PC端类似,只是更换了继承类。
如移动端动态表单界面插件的基类为 AbstractMobFormPlugin,派生自动态表单插件基类AbstractFormPlugin。移动端动态表单插件,必须从插件基类AbstractMobFormPlugin中派生。
对于移动表单和移动列表也是同样的,只需要在相应的AbstrtactListPlugin、AbstractBasePlugIn或AbstractBillPlugIn类名中加一个“Mob”即可。
其余编写方法和PC端相同,使用同样的事件和函数进行事件监测和操作即可。
再举一个例子,如在移动动态表单中给按钮绑定事件,则也是同样的方法
public class BookMobPlugin extends AbstractMobFormPlugin { @Override public void registerListener(EventObject e) { super.registerListener(e); Button button = this.getControl("ozwe_buttonap"); } @Override public void click(EventObject e) { super.click(e); // 如果是确定按钮,则取到人员的数据,返回给父页面 Control control = (Control) e.getSource(); if ("ozwe_buttonap".equalsIgnoreCase(control.getKey())) { this.getView().showMessage("Hello World"); } } }
推荐阅读