layUI动态插入表格

$.ajax({
        url: '${ctx}appUser/queryPartJob.html?userId='+"${appUser.id}",
          type: 'post',
          dataType: 'json',
          success: function(data){
              var arr=data.data;
              var continentOption='';
              var i=1;
              $.each(arr, function(idx, obj) { 
                  i++;
                continentOption += '<div class="form_input_box width20"><h1>负责部门'+i+'</h1><div><input type="text" id="deptName" name="deptName" readonly="readonly" value="'+obj.deptName+'" ></div></div>    <div class="form_input_box width20"><h1>部门负责人</h1><div><input type="text" id="deptHead" name="deptHead" readonly="readonly"  value="'+obj.deptHead+'"></div></div><div class="form_input_box width20"><h1>现任岗位</h1><div><input type="text" id="employeeJobs" name="employeeJobs" readonly="readonly"  value="'+obj.partJob+'" ></div></div><div class="form_input_box width20"><h1>管理权重</h1><div><input type="text" id="manageWeights" name="manageWeights" readonly="readonly"  value="'+obj.manageWeights+'"></div></div><div class="form_input_box width20"><h1>累计权重</h1> <div><input type="text" id="heapWeights" name="heapWeights" readonly="readonly"  value="'+obj.heapWeights+'" ></div></div>'            
           });                  
                $("#partDept").append(continentOption);  //partDept这个是div的id直接插入进去
                layui.form.render(); 
          },
          error: function(data){
              layer.msg('加载下拉列表失败!',{
                icon: 0,time: 1000
            });
          }
      });        

根据ajax成功后返回值,返回值为数组,将数组遍历,并且拼接成表格样式,然后在根据所要插入的div的id将表格插入带该div内

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值