反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

JS实现动态选择数据表提交

  • 文档创建者:星踪
  • 历史版本:3
  • 最近更新:Leo.Tsai 于 2022-08-19
  • 1. 概述

    1.1 问题描述

    默认情况下,都是在填报属性设置好要入库的表进行提交。如果希望能在页面上自由选择要入库的数据表或者数据库,要怎么实现呢?

    1.2 实现思路

    在表格中利用多个自定义按钮来分别设置不同的填报属性,然后用工具栏的自定义按钮获取所选数据库或者数据表,执行对应按钮的点击事件,即可提交到对应的表里。

    接口说明可以参考:控件接口单元格接口

    2. 示例

    2.1 模板设计

    如图制作模板:

    B1单元格为单选按钮组控件,作用为供用户选择需要提交到哪个数据库中。

    2.2 设置填报属性按钮

    1)在E4和F4单元格添加按钮控件,分别绑定不同的点击提交事件。设置完成后该两列可以隐藏。

    E4:

    F4:

    2)给E4单元格按钮设置控件名称为:FRDemo,给F4单元格按钮设置控件名称为:sqlserver。

    注:此处的控件名最好设置为和单选按钮选项一致,便于后续js的调用。

    E4:

    F4:

    3)按钮定义的提交事件是没有成功和失败提示的,所以还需要在回调函数中设置提示语句。

    E4:

    if (fr_submitinfo.success) {
    FR.Msg.toast('提交成功,入库FRDemo');
    } else {
    FR.Msg.toast('提交失败,错误信息为:' + fr_submitinfo.failinfo);
    }

    F4:

    if (fr_submitinfo.success) {
    FR.Msg.toast('提交成功,入库sqlserver');
    } else {
    FR.Msg.toast('提交失败,错误信息为:' + fr_submitinfo.failinfo);
    }

    2.3 设置工具栏提交按钮

    由于需要自定义调用提交,所以默认的提交按钮肯定实现不了。可以添加一个自定义按钮,通过JS来实现。

    1)在模板>模板web属性>填报页面设置处选择为该模板单独设置,双击自定义按钮添加到工具栏上,同时把原提交按钮删除。

    2)给自定义按钮设置名称和图标

    3)给自定义按钮添加事件。

    JavaScript 代码如下:

    var database = _g().getCellValue(0, 1, 0);
    //获取B1单元格值
    _g().getWidgetByName(database).fireEvent("click");
    //触发对应名称按钮的点击事件

    2.4 效果预览

    PC 端填报预览效果如下图所示:

    1.gif

    注:该方案支持移动端。

    3. 模板下载

    点击下载模板:动态选择数据表提交.cpt

    附件列表


    主题: 填报应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526