首页 > 其他 > 详细

表单模块 layui-form

时间:2020-08-30 13:46:10      阅读:54      评论:0      收藏:0      [点我收藏+]

使用

layui针对各种表单元素做了比较全面的Ui支持,在Ui渲染只要求一点。,在表单体所在父元素加上class=“layui-form”

监听事件

提交按钮监听,注意需要加·lay-submit lay-filter="..."

<button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="search-stu-submit">
    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
</button>
form.on(‘submit(search-stu-submit)‘,function (data) {
    console.log("提交搜索");
    table.reload(‘stu-table-id‘,{
        where:{"name":data.field.stu_name}
        ,page:{
            curr:1
        }
    });
    return false;
});

表单初始赋值

语法: form.val(‘lay-filter的值‘,object);

form.val(‘update-stu-form‘, {
    "UUID":data.UUID,
    "name": data.name,
    "age": data.age,
    "sex": data.sex,
    "major": data.major
});

表单模块 layui-form

原文:https://www.cnblogs.com/10134dz/p/13584609.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!