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

知歆 cms教程

2025-07-09

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

01
<script type="text/javascript">

02

03
/*

04
$("#pics_box").dragsort({

05
    dragSelector: "dl",

06
    dragSelectorExclude: "input,textarea,dd",

07
    dragBetween: false,

08
    dragEnd: saveOrder,

09
    placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"

10
});

11

12

13

14
function saveOrder() {

15
    var data = $("#pics_box dl dt img").map(function() {

16
        return $(this).data("url");

17
    }).get();

18
    $("input[name=pics]").val(data.join(","))

19
};

20

21
*/

22

23
// 定义一个通用的拖动排序函数 AB模板网 www.adminbuy.cn

24
function setupDragSort(boxId, inputName) {

25
    $(`#${boxId}`).dragsort({

26
        dragSelector: "dl",

27
        dragSelectorExclude: "input,textarea,dd",

28
        dragBetween: false,

29
        dragEnd: function() {

30
            saveOrder(boxId, inputName);

31
        },

32
        placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"

33
    });

34
}

35

36
// 定义保存排序结果的函数

37
function saveOrder(boxId, inputName) {

38
    var data = $(`#${boxId} dl dt img`).map(function() {

39
        return $(this).data("url");

40
    }).get();

41
    $(`input[name=${inputName}]`).val(data.join(","));

42
}

43

44
// 初始化每个元素的拖动排序功能

45
setupDragSort("pics_box", "pics");

46
setupDragSort("ext_yszp_box", "ext_yszp");

47
setupDragSort("ext_xiaogutu_box", "ext_xiaogutu");

48
setupDragSort("ext_caipingtu_box", "ext_caipingtu");

49
setupDragSort("ext_wangongtu_box", "ext_wangongtu");

50
</script>

收藏 (0) 打赏

感谢您的支持，我会继续努力的!

打开微信扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在

免责声明 1、本站所发布的全部内容源于互联网搬运（包括源代码、软件、学习资料等），本站提供的一切源码、软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。您必须在下载后的23个小时之内，从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白，本站信息来自网络收集整理，版权争议与本站无关，本站对所提供下载的软件和程序代码不拥有任何权利，其版权归该软件和程序代码的合法拥有者所有，如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如本站不慎侵犯您的版权请联系我们，我们将及时处理，并撤下相关内容！敬请谅解! 侵删请致信E-mail：messi0808@qq.com
3、如下载的压缩包需要解压密码，若无特殊说明，那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！

小蚂蚁资源网 cms教程 pbootcms后台自定义字段多图上传不能多图拖动解决办法 https://www.xmy7.com/zh/cms/88088.html