PBOOTCMS最近更新的比较频繁，新功能也多了！

最近群友有反应，我添加了多图字段，图片也上传了，发现无法拖拽排序了，默认的多图可以拖拽排序

看了下代码发现扩展的多图没有添加拖拽排序的JS代码

稍微添加下代码就可以

其实以前我也写过一篇PB2.X自定义多图，里面就有拖拽的JS代码

PbootCMS2.0教程之自定义多图字段 可自行查看

接下来贴出修改的代码

找到文件

apps/admin/view/default/content/content.html

将底部的拖动排序js放到如下位置 不然自定义多图无法拖动排序

{include file='common/head.html'}
<script type="text/javascript" src="{APP_THEME_DIR}/js/jquery.dragsort-0.5.2.min.js"></script>

在275行代码位置后面添加如下代码即添加多图

<script type="text/javascript">
$("#[value->name]_box").dragsort({
    dragSelector: "dl",
    dragBetween: false,
    dragEnd: saveOrder_[value->name],
    placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"
});
function saveOrder_[value->name]() {
    var data = $("#[value->name]_box dl dt img").map(function() {
        return $(this).data("url");
    }).get();
    $("input[name=[value->name]]").val(data.join(","))
};
</script>

在670行代码位置后面添加如下代码即修改多图

<script type="text/javascript">
$("#{php}echo $name;{/php}_box").dragsort({
    dragSelector: "dl",
    dragBetween: false,
    dragEnd: saveOrder_{php}echo $name;{/php},
    placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"
});
function saveOrder_{php}echo $name;{/php}() {
    var data = $("#{php}echo $name;{/php}_box dl dt img").map(function() {
        return $(this).data("url");
    }).get();
    $("input[name={php}echo $name;{/php}]").val(data.join(","))
};
</script>