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

修改\\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>