新手来学习77 2023-12-27 11:45 采纳率: 0%
浏览 2
已结题

layui做多选查询的时候找不到JS文件,但是其他的可以用

img


这段提示找不到路径


layui.use(['form', 'tableSelect'], function () {
        var form = layui.form;
        var tableSelect = layui.tableSelect;

        form.render();

        tableSelect.render({
            elem: '#demo',
            searchKey: 'my',
            checkedKey: 'id',
            searchPlaceholder: '自定义文字和name',
            table: {
                url: 'AllShopid',
            },
            done: function (elem, data) {
                console.log(data)
                var NEWJSON = []
                layui.each(data.data, function (index, item) {
                    NEWJSON.push(item.username)
                })
                elem.val(NEWJSON.join(","))
            }
        })
    });

img

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-12-27 14:20
    关注

    【相关推荐】



    • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/947252
    • 这篇博客你也可以参考下:关于layui导致js动态生成下拉列表失效问题
    • 除此之外, 这篇博客: 使用layui上传多文件中的 js部分 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
       layui.use(['jquery','layer','form','table','laypage','upload'], function() {
          var $ = layui.jquery;
          var form = layui.form;
          var upload = layui.upload;
       
       
        //多文件列表示例
          var demoListView = $('#demoList');
          var uploadListIns =upload.render({
              elem: '#testList'
              ,url: '/common/upload'				//这里是你自己的图片上传地址
              ,accept: 'images'
              ,data:{}   //可放扩展数据  key-value
              ,multiple: true
              ,auto: false
              ,bindAction: '#testListAction'
              ,choose: function(obj){
                  var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                  $("#table").css("display","");
                  //读取本地文件
                  obj.preview(function(index, file, result){
                      var tr = $(['\<tr id="upload-'+ index +'">'
                          ,'\<td>'+ file.name +'\</td>'
                          ,'\<td>'+ (file.size/1014).toFixed(1) +'kb\</td>'
                          ,'\<td>等待上传\</td>'
                          ,'\<td>'
                          ,'\<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传\</button>'
                          ,'\<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除\</button>'
                          ,'\</td>'
                          ,'\<td>'
                          ,'\</tr>'].join(''));
                      //单个重传
                      tr.find('.demo-reload').on('click', function(){
                          obj.upload(index, file);
                      });
                      //删除
                      tr.find('.demo-delete').on('click', function(){
                          delete files[index]; //删除对应的文件
                          tr.remove();
                          uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
                      });
                      demoListView.append(tr);
                  });
              }
      	        ,done: function(res, index, upload){
      	            ***appendUrl(res.url);     //为所需要的字段属性地址赋值【此处方法在引用下文】 ***
      	            if(res.code == 200) //上传成功
      	                var tr = demoListView.find('tr#upload-'+ index)
      	                    ,tds = tr.children();
      	            var src = '\<img style="width: 120px;" src='+res.url+' >'
      	            tds.eq(2).html('\<span style="color: #5FB878;">上传成功\</span>');
      	            tds.eq(3).html(''); //清空操作
      	            tds.eq(4).html(src); //照片回显
      	            return delete this.files[index]; //删除文件队列已经上传成功的文件
      	        } 
      	        //code为后台传回来的数据,具体多少自己定,
      	        //后台只能传回json格式数据,不然会走error函数;
      	        ,error: function(index, upload){
      	            var tr = demoListView.find('tr#upload-'+ index)
      	                ,tds = tr.children();
      	            tds.eq(2).html('\<span style="color: #FF5722;">上传失败<\/span>');
      	            tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
      	        }
          });
      })
      
      //详情图追加值
      function appendUrl(url) {
          var input=$("#carFullPicture").val();//先拿到input现有的值【这里的jQuery的id选择器为你自己需要赋值的字段属性】
      //判断input框内是否为空
          if(input != "" && input != undefined){
              //检测逗号
              var valObj = input.split(",");
              $("#carFullPicture").val($("#carFullPicture").val()+","+url);//填充数据逗号隔开
          }else {
              //如果input内没有值 那第一条不加逗号
              $("#carFullPicture").val($("#carFullPicture").val()+url);//填充数据逗号隔开
          }
      }
      

    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 3月6日
  • 创建了问题 12月27日

悬赏问题

  • ¥15 c#调用c++函数 传参数问题
  • ¥15 jupyter notebook无法识别的空格,如何解决?(语言-python)
  • ¥15 自动回复评论的小插件
  • ¥15 求PYTHON代码指导,请联系,有偿。
  • ¥20 用c++完成两道大题,要求提供.h和.cpp,以及用来测试的main.cpp
  • ¥15 2024电赛H题指导
  • ¥15 第三方如何控制E8a进行烧录
  • ¥15 关于lua调用DLL的c/c++动态库(相关搜索:数据库)
  • ¥15 openwrt结合智能家居(相关搜索:路由器)
  • ¥15 求一款免费的pdf编辑js,web端用的