gsgundam
/
garden_server


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
							<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>选择用户</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  {css href="__ROOT__/__CSS__/layui.css" /}
  {js href="__ROOT__/__JS__/layui.js" /}        
</head>
<body>
<div style="padding: 5px;">
	<div class="demoTable">
	 ID：
	  <div class="layui-inline">
	    <input class="layui-input" name="id" id="demoReload" autocomplete="off">
	  </div>
	  用户名：
	  <div class="layui-inline">
	    <input class="layui-input" name="nickname" id="nickname" autocomplete="off">
	  </div>
	  <button class="layui-btn" data-type="reload">搜索</button>
	</div>
	 
	<table class="layui-hide" id="LAY_table_user" lay-filter="user"></table> 
</div>
          
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //方法级渲染
  table.render({
    elem: '#LAY_table_user'
    ,url: '{$rootpath}/user/mail/select'
    ,cols: [[
      {checkbox: true, fixed: true}
      ,{field:'id', title: 'ID',  sort: true}
      ,{field:'nickname', title: '用户名'}
      ,{field:'registertime', title: '注册时间'}
    ]]
    ,id: 'testReload'
    ,page: true
    ,height: 'auto'
  });
  
  var $ = layui.$, active = {
    reload: function(){
      var demoReload = $('#demoReload');
      var nickname = $('#nickname');
      
      //执行重载
      table.reload('testReload', {
        page: {
          curr: 1 //重新从第 1 页开始
        }
        ,where: {
          i: demoReload.val(),
          n: nickname.val()
        }
      }, 'data');
    }
    
  };
  
  window.getCheckData = function(){
	  var checkStatus = table.checkStatus('testReload')
		, data = checkStatus.data;
		
		return data;
  };
  
  $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
});
</script>

</body>
</html>