【智慧图书馆实战训练营课程】第七章—移动表单开发原创
金蝶云社区-醉倾梦_Dreamy
醉倾梦_Dreamy
2人赞赏了该文章 36次浏览 未经作者许可,禁止转载编辑于2024年11月11日 10:40:50
summary-icon摘要由AI智能服务提供

移动表单开发是表单页面在移动端的实现,包括移动表单、移动动态表单和移动列表。移动表单和列表可编辑并绑定数据,动态表单需自行创建。文章还介绍了动态表单的创建、编辑、保存和添加功能的方法,以及插件开发的方法和示例代码。

移动表单开发

功能简介

顾名思义,移动表单就是对我们的表单等页面进行移动端的开发,使得我们制作的表单和页面能够在移动端中呈现。

种类介绍

移动端主要分为三大类,分别为移动表单、移动动态表单、移动列表


上传图片

上传图片

上传图片


其中,移动表单和移动列表可以在单据或基础资料表单中进行编辑和开发,目的是与基础资料或单据的数据进行绑定,实现移动端操作数据的功能。

移动动态表单则需要自行创建,可用于首页、个人等其他页面的呈现。

使用方法

移动动态表单

创建表单

在页面处,点击新增按钮,选择移动端,选择表单

上传图片

创建成功之后,来到移动动态表单的编辑页。该页面的结构跟其余表单的页面结构相似,除此之外,移动动态表单也新增了一些其他的功能。

上传图片


编辑表单

在移动页面右方的编辑框中,我们可以找到模板按钮,来创建相应的模板

上传图片

点击之后,可对动态表单进行模板的选择

上传图片

除此之外,该表单也支持单独添加场景卡片来设计页面的功能。

上传图片


保存表单

添加成功之后,点击保存,可对移动动态表单进行预览。至此,一个基本的移动动态表单就设计完成。

上传图片


添加功能

在完成移动动态表单的页面基础开发之后,我们可以为页面的按钮添加功能。选中某个按钮,我们可以为此添加操作代码

上传图片

在此我们以跳转移动表单为例,点击操作代码右方的按钮,选择操作,填写弹窗表单

上传图片

添加完成后,点击保存,进行预览,点击按钮

上传图片

我们可以看到点击之后弹出了相应的移动表单

上传图片


因此,我们可以利用苍穹自带的操作代码来为按钮添加功能,当然我们也可以使用插件的方式来进行功能的添加。

移动表单

在单据或基础资料表单中,我们可以在顶部导航栏中看到除了表单、列表之外,还有移动表单和移动列表。点击移动表单,我们可以进行移动表单的设计。

在表单中,我们可以直接通过点击左方的字段来进行表单字段的添加。

上传图片

添加完成后,我们同样可以根据右方的属性栏进行属性的调整,调整完成后进行保存

移动列表

在移动列表中,同样可以通过点击左方实体栏中的字段实体进行字段的添加,同时也可以在右方的属性栏中进行样式的修改。

上传图片

保存列表后,点击预览可进入列表预览界面

上传图片

点击列表中的元素,可以跳转到该数据所在的移动表单

上传图片

插件开发

其实,移动表单、移动列表和移动动态表单的插件开发和PC端类似,只是更换了继承类。

  • 如移动端动态表单界面插件的基类为 AbstractMobFormPlugin,派生自动态表单插件基类AbstractFormPlugin。移动端动态表单插件,必须从插件基类AbstractMobFormPlugin中派生。

  • 对于移动表单和移动列表也是同样的,只需要在相应的AbstrtactListPlugin、AbstractBasePlugInAbstractBillPlugIn类名中加一个“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");
        }
    }
}

这样就可以在移动表单中弹出一个弹窗消息“Hello World”


图标赞 2
2人点赞
还没有人点赞,快来当第一个点赞的人吧!
图标打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!