【layUI杂记】layui之执行重载

var $ = layui.$, active = {
    reload: function(){
      var demoReload = $('#demoReload');
      
      //执行重载
      table.reload('testReload', {
        page: {
          curr: 1 //重新从第 1 页开始
        }
        ,where: {
          key: {
            id: demoReload.val()
          }
        }
      });
    }
  };
  
  $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });


-- 实际案例

// 执行重载
var $ = layui.$, active = {
    reload: function () {
        // 获取数据
        var duty_time = $('input[name="duty_time"]').val();
        var sign_in = $('input[name="sign_in"]').val();
        var duty_date = $('input[name="duty_date"]').val();
        table.reload('testReload', {
            url: '${SITE_URL}duty/personal/clock/search/'
            , method: 'post'
            , page: {
                curr: 1 //重新从第 1 页开始
            }
            , where: { // 传递后台参数
                'duty_time': duty_time,
                'sign_in': sign_in,
                'duty_date': duty_date
            }
        });
    }
};

$('#search').on('click', function () {
    var type = $(this).data('type');
    // 为空处理为刷新
    if ($('input[name="duty_time"]').val() == "" & $('input[name="sign_in"]').val() == ""
        & $('input[name="duty_date"]').val() == "") {
        window.location.reload();
        return false;
    }
    active[type] ? active[type].call(this) : '';
});
posted @ 2022-04-26 14:30  郭祺迦  阅读(984)  评论(0)    收藏  举报