gsgundam
/
garden_server


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<!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', 'jquery'], function(){
  var userIds = parent.document.getElementById('users').value;
  console.info(userIds);
  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:'short', title: '短码'}
      ,{field:'registertime', title: '注册时间'}
    ]]
    ,done: function(res, page, count){
    	for(var i = 0; i < res.data.length; i++){
    		let obj = res.data[i];
    		
    		if(userIds.indexOf(obj.id) >= 0) {
				$('tr[data-index=' + i + '] input[type="checkbox"]').prop('checked', true);
	        	$('tr[data-index=' + i + '] input[type="checkbox"]').next().addClass('layui-form-checked');
    		}
    	}
    }
    ,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>