表单模块 layui-form

使用

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
});
posted @ 2020-08-30 10:36  DJ同学  阅读(201)  评论(0编辑  收藏  举报