zoukankan      html  css  js  c++  java
  • layui动态生成的checkbox不显示?

    今天做项目的时候,需要动态显示复选框。结果写好了,发现结构里面已经生成,但是没有渲染到页面,一度怀疑layui的坑,因为“隐藏”了。
    通过查找资料,发现人家文档里提及了。

    更新渲染

    有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制(因为我们叫经典模块化框架,偷笑.gif) 但没有关系,你只需要执行 form.render(type, filter); 方法即可。

    贴代码:

             function setQr() {
              ajax(baseUrl + "请求接口",
                {
                  Type: Type      //参数
                }, "post").done(function (res) {
                  var html = ""
                  for (var i in res) {
                    console.log(res[i].name);
                    html += `<input type="checkbox" name="like[write]" title="` + res[i].name + `" value="attribute1" lay-filter="textCheck"> 
                  `
                  }
                  $('#prop').html(html)
                  form.render();//渲染页面
                  form.on('checkbox(textCheck)', function (data) {
                    console.log(data.elem); //得到checkbox原始DOM对象
                    console.log(data.elem.checked); //是否被选中,true或者false
                    console.log(data.value); //复选框value值,也可以通过data.elem.value得到
                    console.log(data.othis); //得到美化后的DOM对象
                  });
                }).fail(function (err) {
    
                })
            }
            setQr()
    
  • 相关阅读:
    世界十大黑客简介
    Workerman
    获取当前页面完整路径的方法:
    冒泡排序
    伪静态规则
    PHP如何打印出curl 模块交互的 http 请求与响应 header?
    转 浅谈 PHP 与手机 APP 开发(API 接口开发)
    银联chinapay支付接口实现详解
    PHP webservice 接口实例
    spl_autoload_register方法
  • 原文地址:https://www.cnblogs.com/Bianco/p/14187452.html
Copyright © 2011-2022 走看看