源码网_提供网站源码、discuz、wordpress主题与插件和站长教程等资源的下载服务

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

修改\apps\admin\view\default\content\content.html

底部拖动js代码。

01<script type="text/Javascript">
02
03/*
04$("#pics_box").dragsort({
05dragSelector: "dl",
06dragSelectorExclude: "input,textarea,dd",
07dragBetween: false,
08dragEnd: saveOrder,
09placeHolderTemplate: "<dl class=placeHolder><dt></dt></dl>"
10});
11
12
13
14function saveOrder() {
15var data = $("#pics_box dl dt img").map(function() {
16return $(this).data("url");
17}).get();
18$("input[name=pics]").val(data.join(","))
19};
20
21*/
22
23// 定义一个通用的拖动排序函数 AB模板网 www.adminbuy.cn
24function setupDragSort(boxId, inputName) {
25$(`#${boxId}`).dragsort({
26dragSelector: "dl",
27dragSelectorExclude: "input,textarea,dd",
28dragBetween: false,
29dragEnd: function() {
30saveOrder(boxId, inputName);
31},
32placeHolderTemplate: "<dl class=placeHolder><dt></dt></dl>"
33});
34}
35
36// 定义保存排序结果的函数
37function saveOrder(boxId, inputName) {
38var data = $(`#${boxId} dl dt img`).map(function() {
39return $(this).data("url");
40}).get();
41$(`input[name=${inputName}]`).val(data.join(","));
42}
43
44// 初始化每个元素的拖动排序功能
45setupDragSort("pics_box", "pics");
46setupDragSort("ext_yszp_box", "ext_yszp");
47setupDragSort("ext_xiaogutu_box", "ext_xiaogutu");
48setupDragSort("ext_caipingtu_box", "ext_caipingtu");
49setupDragSort("ext_wangongtu_box", "ext_wangongtu");
50</script>

本文链接:https://www.7ov.cn/xinwendongtai/1783.html

版权声明:站内所有文章皆来自网络转载,只供模板演示使用,并无任何其它意义!

联系客服
网站客服 业务合作 在线客服QQ
294169012
微信号
微信号
微信号
返回顶部