使用layui得form出现的问题

1.再使用layui中form表单,想要再操作结束之后作一个提示,写了代码,但是一直不提示,后面发现是因为使用layui中的form表单做提交的时候,就会出现自动刷新,想要禁止这种操作,可以将button标签用a标签代替。

    <div class="form-group">
        <div class="col-sm-offset-1 col-sm-10">
            <%--<button  οnclick="sunbmitJob()" class="btn btn-default">提交</button>--%>
            <a  οnclick="sunbmitJob()" class="btn btn-default">提交</a>
        </div>
    </div>

2.layui日期控件点击一闪而过的解决办法

//日期时间范围
laydate.render({
    elem: '#seachTime',
    range: true,   //可以选择时间范围
    trigger: 'click'  //为了解决日期控件一闪而过
});

 3. layui做分页,当修改某一条数据之后,还能够再当前分页数据中

 reload()
function reload() {
    var demoReload = $('#demoReload').val();
     //执行重载
       table.reload('testReload', {
            page: {
                   curr:$(".layui-laypage-em").next().html()   //这句很关键,是为了记录当前再第几页,当执行表格数据重载时,直接加载当前页的数据
             }
             , where: {
                   chn_name: demoReload
             }
             ,
             done:function(res,curr,count) {
                        $('#demoReload').val(demoReload); // 为搜索框赋值
                    }
                }, 'data');
            }

4.当做的是表格内数据的搜索,实现表格数据重载,和上面的重载方式是一样的,但是当前页的页数赋值时不一样的

reload: function () {
    var demoReload = $('#demoReload').val();
    //执行重载
    table.reload('testReload', {
        page: {
           curr: 1 //重新从第 1 页开始
        }
        , where: {
           chn_name: demoReload
        },
        done:function(res,curr,count) {
            $('#demoReload').val(demoReload); // 为搜索框赋值
        }
   }, 'data');
}

 

原文地址:https://www.cnblogs.com/lxz123/p/13672642.html