若依自定义详情页(传多个参数)

  • 【版权所有,文章允许转载,但须以链接方式注明源地址,否则追究法律责任】
  • 【创作不易,点个赞就是对我最大的支持】

前言

仅作为学习笔记,供大家参考
总结的不错的话,记得点赞收藏关注哦!

不知道为什么在页面写的弹框关闭按钮失效,所以只能在ry-ui.js中写方法,有知道的嘛?

目录

    • 前言
      • 自定义全屏详情页(只有关闭按钮)
        • html代码
          • 定义详情url
          • 设置详情方法
        • ry-ui.js代码

自定义全屏详情页(只有关闭按钮)

html代码

定义详情url

若依自定义详情页(传多个参数)_第1张图片

设置详情方法
 return '<a class="' + editFlag + '" onclick="$.operate.detailDz(\'' + row.messageId + '\',\'' + row.id + '\')">' + title + 'a>';
                            

在这里插入图片描述

ry-ui.js代码

这块代码放到如图下边:
若依自定义详情页(传多个参数)_第2张图片

这块要注意传多个参数replace替换时几个参数几个replace替换方法
url = table.options.detailUrl.replace(“{id}”, id).replace(“{taskId}”,taskId);

 // 定制全屏详细信息
            detailDz: function (id,taskId, width, height) {
                table.set();
                var _url = $.operate.detailUrlDz(id,taskId);
                var options = {
                    title: table.options.modalName + "详细",
                    width: width,
                    height: height,
                    url: _url,
                    skin: 'layui-layer-gray',
                    maxmin: false,
                    full: true,
                    btn: ['关闭'],
                    yes: function (index, layero) {
                        $.modal.close(index);
                    }
                };
                $.modal.openOptions(options);
            },
  // 定制详细访问地址
    detailUrlDz: function (id,taskId) {
                var url = "/404.html";
                if ($.common.isNotEmpty(id)) {
                    url = table.options.detailUrl.replace("{id}", id).replace("{taskId}",taskId);
                } else {
                    var id = $.common.isEmpty(table.options.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns(table.options.uniqueId);
                    if (id.length == 0) {
                        $.modal.alertWarning("请至少选择一条记录");
                        return;
                    }
                    url = table.options.detailUrl.replace("{id}", id);
                }
                return url;
            },

创作不易,点个赞就是对我最大的支持~


wxgzh:程序员温眉

CSDN:程序员温眉

每天进步一点点的程序员

你可能感兴趣的:(若依,javascript,若依)