精华内容
下载资源
问答
  • layui select 不展示

    2020-05-29 14:27:40
    注意渲染select标签的时间是否在表单生成之前, ...来刷新渲染,否则也可能没有效果 // 显示编辑弹窗 var showEditModel = function (data,status) { layer.open({ type: 1, title: data ? '修改' : '添加',

    注意渲染select标签的时间是否在表单生成之前,
    例如添加和修改时,
    需要在添加修改的表单渲染完成之后才能渲染select标签,
    另外不能忘记要加上
    form.render(“select”);
    来刷新渲染,否则也可能没有效果

    // 显示编辑弹窗
        var showEditModel = function (data,status) {
            layer.open({
                type: 1,
                title: data ? '修改' : '添加',
                area: '500px',
                offset: '100px',
                content: $('#cell-model').html(),
                success: function () {
                    admin.req(
                        "api-box/cellspec/list",
                        "",
                        function (data1) {
                            var source = data1.data;
                            for (var i = 0; i < source.length; i++) {
                                if (data == undefined) {
                                    $("#cell-selector").append(
                                        "<option value='" +  source[i].id + "0'>" + source[i].aliasName + "</option>"
                                    );
                                } else {
    
                                    if (data.specId == source[i].id) {
                                        $("#cell-selector").append(
                                            "<option value='" +source[i].id + "' selected >" + source[i].aliasName + "</option>"
                                        );
                                    } else {
                                        $("#cell-selector").append(
                                            "<option value='" + source[i].id +  "'>" + source[i].aliasName + "</option>"
                                        );
                                    }
                                }
                            }
                            form.render("select");
                        },
                        "GET"
                    );
    
                    $('#cell-form')[0].reset();
                    $('#cell-form').attr('method', 'POST');
                    $("#id3").css('display', "none");
                    $("#boxId").css('display', "none");
                    $('#boId').val(document.getElementById('bId').value);
                    $("#createUserName3").css('display', "none");
                    $("#createTime3").css('display', "none");
                    $("#updateUserName3").css('display', "none");
                    $("#updateTime3").css('display', "none");
                    if (data) {
                        $("#id3").css('display', "none");
                        $("#createUserName3").css('display', "none");
                        $("#createTime3").css('display', "none");
                        $("#updateUserName3").css('display', "none");
                        $("#updateTime3").css('display', "none");
                        form.val('cell-form', data);
                        $('#cell-form').attr('method', 'POST');
                    }
                    if (status == 1) {
                        $("#id3").css('display', '');
                        $("#createUserName3").css('display', '');
                        $("#createTime3").css('display', '');
                        $("#updateUserName3").css('display', '');
                        $("#updateTime3").css('display', '');
                        $('input').attr('disabled', 'disabled');
                        $('select').attr('disabled', 'disabled');
                        $(".model-form-footer").css('display', "none");
                    } else {
                        $('input').attr('disabled', false);
                        $('select').attr('disabled', false);
                    }
                }
            });
        };
    
    展开全文
  • 使用v-model动态渲染元素后,刷新from;layui.form.render(), 一定要刷新from<form class="layui-form" action="" lay-filter="serviceForm"> <div class="layui-form-item"> <label class=...

    fc76cb1aa4013df8edeb278aaca244d3.png

    使用v-model

    动态渲染元素后,

    刷新from;layui.form.render(), 一定要刷新from

    <form class="layui-form"  action="" lay-filter="serviceForm">
                <div class="layui-form-item">
                  <label class="layui-form-label">当前公司:</label>
                  <div class="layui-input-block" style="width:162px; height: 36px">
                    <select  name="city" v-model = "currentTenant"  lay-filter="selectFun123">
                      <option value=""> 请选择 </option>
                        <option v-for="(item) in tenantList"  :key="item.tenant_id" :value="item.tenant_id"
                        >{{item.shortname}} </option>
                    </select>
                  </div>
                </div>
              </form>

    40127317474c6cb06b2934b025a029d6.png

    作者:黑色时间戳

    展开全文
  • 今天遇到一个问题,我明明已经赋值于select,但是下拉确实是已经选中了,但是select框中没有回显...记得给select动态赋值之后,需要form.render()方法将select刷新一下,才可行,不然select读取值得时候会不稳定。 ...

    今天遇到一个问题,我明明已经赋值于select,但是下拉确实是已经选中了,但是select框中没有回显

    最初我是这样赋值的:
    在这里插入图片描述
    在网上找了找资料发现应该这样赋值:
    在这里插入图片描述
    这样就完美解决了。

    还有一种方法是通过ajax给select动态赋值

    在这里插入图片描述
    记得给select动态赋值之后,需要form.render()方法将select刷新一下,才可行,不然select读取值得时候会不稳定。

    展开全文
  • layui修改select默认选项的坑

    千次阅读 2020-04-16 11:15:36
    只需要 $('#select').val('你的value值'); '#select'是你的select的id,当然你也可以用...那你直接设置是不生效的,需要刷新一下。 插入下列代码 $("#select").val("你的value值"); layui.form.render(); ...

    只需要

    $('#select').val('你的value值');

    '#select'是你的select的id,当然你也可以用class。直接设置你option的value值接可以了。

    但是如果是是使用的layui的form。那你直接设置是不生效的,需要刷新一下。

    插入下列代码

    $("#select").val("你的value值");
    layui.form.render();

     

    展开全文
  • layui 动态加载 select

    2021-01-18 18:13:47
    layui ajax select 动态添加数据方法,给我指明了前进的方向。 首先,这是一个学习的过程,并不是最优方案。只是“玩索而有得”而己。 做了一个联动的搜索框,本来一开始想用layuiselect第三方插件,但后来没有成功...
  • 这个问题比较恶心人 原因1 : layui 不是双向绑定的 页面加载完成后需要执行form.render(‘select’)... 这个是可以只刷新你动态更新的那部分select 官方推荐的 form.render(‘select’); 这个是会出现我提到的问题 ...
  • //准备LayUI中自动生成的 dd参数 body.find('.banner_id').siblings("div.layui-form-select").find('dl').find(select).click(); //通过查询到指定dd,给dd触发click()点击事件 // layui.form.render(); 刷新弹出...
  • 问题:select更改选项后,使用form.render();并没能够刷新所选择的元素。 在进入页面后,会访问服务端加载一些数据。 然后根据数据去更改下拉框的选项, $("#payType").find('option').attr("...
  • layuilayui-form与select2下拉多选样式冲突的解决方案@TOC 去掉搜索按钮 打开控制面板f12 查看元素 可以看到搜索按钮是由after动态生成,找到这个样式文件,然后注释 清除浏览器缓存(ctrl+shift+del),刷新...
  • Layuiselect想要实现点击即刷新下拉菜单功能
  • layui框架checkbox,select标签不显示

    千次阅读 2019-03-21 10:49:58
    今天使用layui框架修改代码的时候出现了一个问题,页面中加入了checkbox和select标签,但是直接进入页面时不显示,点击一次刷新后才显示。 找了一个小时原因,后台在官方文档中看到一句话: Layui会对select、...
  • 1、LayUI提交表单这几天做项目,用到提交layui框架的弹出层的表单,因为需要在提交表单后,关闭当前弹出层,同时刷新父窗口的数据,因此,用普通的提交就不行了,因为普通的提交到后台之后没有返回值,就无法做到...
  • LayUI提交表单,监听select,分页组件 1、LayUI提交表单 这几天做项目,用到提交layui框架的弹出层的表单,因为需要在提交表单后,关闭当前弹出层,同时刷新父窗口的数据,因此,用普通的提交就不行了,因为普通的...
  • layui中选择下拉框动态刷新表格

    千次阅读 2019-08-16 11:10:26
    //初始化全局变量 var majorIds; var classIds; //下拉重置 //major_Filter 为lay-filter form.on('select(major_Filter)', function(data){ majorIds = data.value; ...
  • 问题情况主要是某些控件偶尔会加载不出来 若是JSP调用接口,后台跳转界面,可以用如下方法: 若是前端open打开一个界面,可以在成功回调方法内...如果以上方法对你不管用的话,检查一下引入的layui.js是否正确 ...
  • Ajax异步刷新省市三级联动异步操作 代码段只是粘贴了一个初级script框架,通过监听select控件,获取不同省份的值,然后就取得相关json数据,渲染数据。 如果使用layui框架,如果form渲染失败,可以试下form.render()...
  • 解决方案:  $("#admin_user_id").prepend("&lt;option value='0'&gt;--请选择服务人员--&...#admin_user_id是select的id ... //刷新select选择框渲染   官方: 更新渲染 ...
  • 相关阅读: X-admin2.2打开页面(添加弹窗),执行...LayUi搜索时,如何只刷新表格内容,其他内容不变? ZTree工具类汇总,包括:新增、编辑和删除节点,并提交后台 LayUi的动态表格Table中每个td的内容可以设置为可
  • 1、LayUI提交表单这几天做项目,用到提交layui框架的弹出层的表单,因为需要在提交表单后,关闭当前弹出层,同时刷新父窗口的数据,因此,用普通的提交就不行了,因为普通的提交到后台之后没有返回值,就无法做到...
  • 虽然对layui比较熟悉了,但是今天有时间还是将layui的form表单模块重新看一下。一、更新渲染layui没有双向绑定机制,但是有经典模块化框架 只需要执行下面的方法即可... //刷新select选择框渲染[select,checkbox,ra...
  • 基于X-admin2.2的后台管理系统登录实现Spring Boot+JPA微服务中数据更新问题(update)Spring Boot集成X-admin2.2时,Layui字体图标无法正常显示或乱码问题解决方法LayUi搜索时,如何只刷新表格内容,其他内容不变?...
  • layui使用总结

    2018-04-26 13:48:22
    1、select下拉框,默认使用 后需要刷新后才能显示要使用layui的模块时,需先加载所需模块layui.use(['form'], function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 var $ = ...
  • layui 动态添加多选checkbo选项 动态加选项 js 赋值之后,需要重新加载才能...下拉框:form.render('select');   其它元素: 折叠面板:element.render('collapse');   官方说明:https://www.layui...
  • layui.form

    2020-06-24 10:11:19
    1.表单渲染,给表单体系所在的父元素加上class=“layui-form”,且每一个空间都放在一个class="layui-form-item"的div...type:select、check、radio 若没有参数,代表对全部类型的表单进行刷新。 未完。。。。。。 ...
  • layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a> </script> </div> </div&...
  • Layui之表单模块

    2021-02-16 20:36:03
    //刷新select选择框渲染    如果是直接写在html文件中的单选框、复选框、选择框,会在加载 js 代码的时候自动渲染,而有些时候,有的表单元素可能是动态插入的,这时 form 模块 的自动化渲染是会对其失效的,...

空空如也

空空如也

1 2 3
收藏数 47
精华内容 18
关键字:

layuiselect刷新