RuoYi-Bootstrap多模块版本使用过程中遇到的问题

1、设置复杂表头

        最终效果见下图:

        RuoYi-Bootstrap多模块版本使用过程中遇到的问题_第1张图片

        实现过程中错误:

        RuoYi-Bootstrap多模块版本使用过程中遇到的问题_第2张图片

        页面报错,visible未定义,最开始以为是columns内的visible属性的问题,但是注释掉之后还是报同样的错误(见下图)

         RuoYi-Bootstrap多模块版本使用过程中遇到的问题_第3张图片

        最开始的时候所有的列没有增加rowspan和colspan属性,根据Demo中的示例,增加了之后,成功解决问题。

注意两个属性的值,按照实际情况,该占几行就占几行,该占几列就占几列,一定要和实际没有误差,不然可能会出现“表头错位

2、设置复杂表头之后,checkBox复选框失效

        选中数据之后,Toolbar的按钮没有被触发

        解决办法:

        在options中增加 uniqueId,设置唯一标识字段即可。

        RuoYi-Bootstrap多模块版本使用过程中遇到的问题_第4张图片

 3、多文件上传

        需求:在表单提交时(目前没有考虑更改和删除),携带文件对象,完成数据保存

        研究了好久,最后搞出一种,不晓得具体效率咋样,功能实现没有问题。思路是获取插件中选中的files,手动set到FormData中

        

    function submitHandler() {
        if ($.validate.form()) {
            var form = document.getElementById('form-collection-add');
            var formData = new FormData(form);

            var $obj = $('input[name=uploadFile]');
            let files = $obj.fileinput("getFileList");
            for (var i = 0; i < files.length; i++){
                formData.append("files", files[i]);
            }
            $.operate.save2(prefix + "/add", formData, currRefresh);
        }
    }

你可能感兴趣的:(bootstrap,html)