欢迎来到站长天空!

PbootCMS

当前位置: 主页 > CMS教程 > PbootCMS

pbootcms后台自定义字段多图上传 不能多图拖动解决办法

时间:2026-07-04 13:59:33|栏目:PbootCMS|点击:

来源:AB模板网

修改\apps\admin\view\default\content\content.html底部拖动js代码。

<script type="text/javascript">

/*
$("#pics_box").dragsort({
    dragSelector: "dl",
    dragSelectorExclude: "input,textarea,dd",
    dragBetween: false,
    dragEnd: saveOrder,
    placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"
});



function saveOrder() {
    var data = $("#pics_box dl dt img").map(function() {
        return $(this).data("url");
    }).get();
    $("input[name=pics]").val(data.join(","))
};

*/

// 定义一个通用的拖动排序函数 AB模板网 www.adminbuy.cn
function setupDragSort(boxId, inputName) {
    $(`#${boxId}`).dragsort({
        dragSelector: "dl",
        dragSelectorExclude: "input,textarea,dd",
        dragBetween: false,
        dragEnd: function() {
            saveOrder(boxId, inputName);
        },
        placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"
    });
}

// 定义保存排序结果的函数
function saveOrder(boxId, inputName) {
    var data = $(`#${boxId} dl dt img`).map(function() {
        return $(this).data("url");
    }).get();
    $(`input[name=${inputName}]`).val(data.join(","));
}

// 初始化每个元素的拖动排序功能
setupDragSort("pics_box", "pics");
setupDragSort("ext_yszp_box", "ext_yszp");
setupDragSort("ext_xiaogutu_box", "ext_xiaogutu");
setupDragSort("ext_caipingtu_box", "ext_caipingtu");
setupDragSort("ext_wangongtu_box", "ext_wangongtu");
</script>



上一篇:pbootcms后台定制标签为编辑器,出现“字数超出最大允许值,服务器可能拒绝保存”

栏    目:PbootCMS

下一篇:pbootcms文章加了浏览权限后出现404错误

本文标题:pbootcms后台自定义字段多图上传 不能多图拖动解决办法

本文地址:https://zz.feitang.co/CMSjiaocheng/36733.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2026 站长天空 版权所有 Powered by EyouCms冀ICP备14023439号