精华内容
下载资源
问答
  • 1.input标签独占一行,与button标签无法同行显示 (使用position属性进行...(如果想让几个input同行,就把他们放在一个大的div里,大的div的class为layui-input-item,然后设置每个包含input的div的属性layui-inlin
  • 处理layui的input独占一行问题

    万次阅读 2018-07-18 17:20:52
    1.input标签独占一行,与button标签无法同行显示 (使用position属性进行设置,...将input与button放在一个大div中,然后将input的div的class定义成layui-inline,button放在独自的div里时也要定义div的class...

    1.input标签独占一行,与button标签无法同行显示

    (使用position属性进行设置,position属性详见。)

    解决方法:

    一.对button的position进行设置,使之与input同行。

    二.将input与button放在一个大div中,然后将input的div的class定义成layui-inline,button放在独自的div里时也要定义div的class为layui-inline;

    (如果想让几个input同行,就把他们放在一个大的div里,大的div的class为layui-input-item,然后设置每个包含input的div的属性为layui-inline)

    (经过多次测试,我感觉一个layui-input-item 就相当于换行)

     

     

     

    2.按钮表格等不设置css样式,则默认占满该行

     

     

    展开全文
  • [原因描述]编辑编辑按钮,获取obj.data数据,将obj.data数据赋值给window的属性formData在layer弹出后的iframe中获取parent的fromData,使用val函数进行赋值界面点击编辑按钮执行下面的代码table.on('tool(complainList...

    [原因描述]

    编辑编辑按钮,获取obj.data数据,

    将obj.data数据赋值给window的属性formData

    在layer弹出后的iframe中获取parent的fromData,使用val函数进行赋值

    界面

    b31fe877cce85867fd47509daf9840bd.png

    点击编辑按钮执行下面的代码

    table.on('tool(complainList)', function(obj) {

    var data = obj.data;

    window.formData = obj.data;

    json = JSON.stringify(data);

    switch (obj.event) {

    case 'edit':

    var w = ($(window).width() * 0.7);

    var h = ($(window).height() - 50);

    var index = layer.open({

    type: 2,

    title: titile + "编辑页面",

    area: ['60%', '60%'],

    fix: false,

    maxmin: true,

    shadeClose: true,

    shade: 0.4,

    skin: 'layui-layer-lan',

    content: "formComplaintForm.html",

    });

    break;

    case 'del':

    在弹出的界面formComplaintForm.html中获取formData并赋值

    投诉ID

    服务编号

    服务类型

    投诉订单号

    投诉原因

    投诉详情

    投诉状态

    数据状态

    立即提交

    重置

    layui.use(['form'], function() {

    form = layui.form;

    form.render();

    form.val('data-form',window.parent.formData)

    });

    奇怪的是,赋值失败,from中的值还是原样

    我于是进行手动赋值查看

    layui.use(['form'], function() {

    form = layui.form;

    form.render();

    debugger;

    form.val('data-form',window.parent.formData)

    var data1=window.parent.formData;

    var data2={id: 3, serviceCode: "001", compType: "0", compOrder: "001", compReason: "none",};

    console.log(data1);

    console.log(data2);

    form.val('data-form',data2)

    });

    form.val('data-form',data2) 可以赋值成功,但是

    form.val('data-form',data1)却赋值失败,我观察data1和data2的数据是相同的,为什么使用data2会赋值失败呢?

    源码地址

    https://gitee.com/litongjava_admin/java-ee-spring-boot-1.5.8-study/blob/master/ee-spring-boot-1.5.8-layui-2.5.5/src/main/resources/ee-spring-boot-1.5.8-layui-2.5.5/formComplaintList.html

    展开全文
  • 这个时候就需要动态的给他修改是否可编辑的属性了。 我是直接在浏览器中看tree的html的结构。然后把所有的checkbox的disabled属性都修改的。 我发现他所有的复选框的那么是一样的。这样就好办啦。直接$("input...

    需求是这样的:只能查看树结构但是不能点击。当进入编辑状态下才能编辑。这个时候就需要动态的给他修改是否可编辑的属性了。

    我是直接在浏览器中看tree的html的结构。然后把所有的checkbox的disabled属性都修改的。

    我发现他所有的复选框的那么是一样的。这样就好办啦。直接:

    $("input[name='layuiTreeCheck']").prop("disabled",false)//启用

     $("input[name='layuiTreeCheck']").prop("disabled",true)//禁用

    这样操作就好了。

     

    注意这句代码要加在设置默认选中的节点之后。否则禁用了节点也选不中了。

    我们发现这样设置了以后的确是不能点击选中了。但是样式上却不是官网例子的那种。那是因为我们手动添加的disabled。样式没有加上

        //添加禁用得状态
                        $("input[name='layuiTreeCheck']").prop("disabled",true);
                        $("input[name='layuiTreeCheck']").next(".layui-form-checkbox").addClass(".layui-checkbox-disbaled layui-disabled");
            

        //取消禁用得状态

         $("input[name='layuiTreeCheck']").prop("disabled",false);
         $("input[name='layuiTreeCheck']").next(".layui-form-checkbox").removeClass("layui-checkbox-disbaled layui-disabled");   
     

    展开全文
  • layui分页成功,但点击...需要设置如图的属性,需要把点击的页数传过去。 参考文献 https://blog.csdn.net/Pruett/article/details/84070618 button和input的区别 button能导致整个页面重新刷新,而input不会 参考文献 ...

    layui分页成功,但点击页数时,列表数据正确,但是页数还是显示到第一页在这里插入图片描述

    需要设置如图的属性,需要把点击的页数传过去。

    参考文献
    https://blog.csdn.net/Pruett/article/details/84070618

    button和input的区别

    button能导致整个页面重新刷新,而input不会

    参考文献
    https://blog.csdn.net/qq_40113688/article/details/102840222

    展开全文
  • 单选框设置了checked选中属性后,样式没有显示(使用layui组件时遇到问题) <div class="col-sm-8 layui-form" style="display: inline-block"> <input type="radio" name="sex" lay-filter="shops_...
  • 在使用了layui的table属性后 <table class="layui-table"> 又想往表格td标签内加一个input输入框 <td> <input type="text"> </td> 加完以后想让输入框填充整个td标签,设置了width和...
  • laui框架修改两个属性改变layui-form-label大小 (1)找到layui-form-label样式设置地方,如下图 (2)修改好layui-form-label,接下来要修改layui-input-block,如图 ...
  • layui中select设置disabled

    千次阅读 2020-08-11 14:58:16
    1.选择器直接选择到下拉框...2. 对于设置了lay-search下拉框,若想在设置不可下拉同时去掉输入属性,需要将input属性设置为readonly,且必须在form.render()之前设置select,之后设置input,如下: //去掉下拉 $('s
  • 首先先说一下input的各个属性:class="layui-input"-------将input定义为layui样式,name="finishdate"-------规定了input的名称,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值,lay-verify=...
  • 获取上述input设置其value属性值为目标跳转页面页码$(".layui-laypage-skip").find("input").val(目标跳转页面页码 );3.触发跳转按钮click事件$(".layui-laypage-btn").click();备注:页码输入...
  • $('#LAY-auth-tree-index input[type="checkbox"]').prop('disabled',true) 用disabled这个属性在此起不了作用,但是需求提出要有禁止功能,于是想出给div添加 pointer-events:none禁止点击属性 $('#LAY-auth-tree...
  • 2.获取上述input设置其value属性值为目标跳转页面页码 $(".layui-laypage-skip").find("input").val(目标跳转页面页码 ); 3.触发跳转按钮click事件 $(".layui-laypage-btn").click(); 备注:页码输入框和跳转...
  • layui表单时候,要求input框背景色为深色, 但是在谷歌调试时候总是有一个黄色背景色 , 再输入内容时候又变成了白色.怎么改都不行? 解决: 查了博客,说是谷歌默认自带属性影响了 1.input:-webkit-...
  • 通过查看他父级属性确实设置 font-size:0 总结一下input什么情况不能输入吧: 1. input设置了readonly属性 只读字段是不能修改。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。 ...
  • HTML中设置了多个class属性的优先级

    千次阅读 2019-04-17 13:33:59
    在使用layui 要定义select背景颜色时候,自定义class中设置的背景颜色老是没有效果! 我是这样定义 <select lay-ignore class="black layui-input" name="color" id="color" style="width: 60px"> ...
  • Layui数据表格跳转到指定页

    万次阅读 2018-01-11 13:06:09
    2.获取上述input设置其value属性值为目标跳转页面页码 $(".layui-laypage-skip").find("input").val(目标跳转页面页码 ); 3.触发跳转按钮click事件 $(".layui-laypage-btn").click();
  • 今天在写页面时,发现给button按钮设置居中时,css页面写了text-align="center",但是不起作用,用了display属性也无作用,试了好多次发现要给button按钮添加个p,然后让p居中就可以了。以下写个test来说明下:p,...
  • 2,设置属性不成功,(在使用jquery动态设置layui的checkbox元素选中状态时始终只能取消选中,却不能重新勾选,点击勾选则没有问题,代码如下),使用prop替换prop即可 if (value == "true") { //$id.attr(...
  • 【前端】覆盖input框内disabled样式

    千次阅读 2019-06-13 16:53:49
    需求: ...当input框内CheckBox 设置为只读时,使用readonly肯定是没有效果,百度了一些方法 1.直接在input框内加上属性 onclick="return false" 2.使用!this.checked属性: <script src="...
  • $("input[name=processDesc2]"...name为processDesc2的input设置值为res.data.processDesc2   $('.layui-btn[data-type]').on('click', function () { //xxxx });   type="button...
  • 引用这些框架反而大材小用了,而且浪费内存,这时候小编就来给大家分享一个设置input属性非常实用的属性,不用引入框架也能设置出很好看的一些input框,按钮等组件,下面是效果图 input框美化 input框美
  • 后台错误: 注意:在实体类日期属性上加注解@...在.jsp页面中属性类型必须设置为与日期相关类型 <input type="datetime-local" id="buytime" name="buytime" autocomplete="off" class="layui-input"> ...
  • 一款好看后台模板

    2018-09-02 23:06:42
    getIds(table对象,获取input为id的属性); deleteAll(ids,请求url,操作成功跳转url,操作失败跳转url); UnixToDate(时间戳,显示年月日时分,加8小时显示正常时间区); 6.该版本已兼容手机浏览 vip-admin ...
  • title、width、sort 等属性参考 layui table 组件表头参数配置即可 'pid' => ['title' => '父ID', 'width' => 80], 'entityName' => ['title' => '模型', 'width' => 100], 'userName' =>...
  • title、width、sort 等属性参考 layui table 组件表头参数配置即可 'pid' => ['title' => '父ID', 'width' => 80], 'entityName' => ['title' => '模型', 'width' => 100], 'userName' =>...

空空如也

空空如也

1 2
收藏数 26
精华内容 10
关键字:

layui设置input的属性