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

修改\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(","))
};

*/

// 定义一个通用的拖动排序函数 幸运草科技 www.4clover.com.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>