最新公告
  • 欢迎您光临源码资源下载站!
  • pbootcms后台自定义字段多图上传 不能多图拖动解决办法

    正文概述    2026-03-12 14:56:00  
    修改\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后台自定义字段多图上传 不能多图拖动解决办法