django-layui-表格-搜索

django-layui-表格-搜索

前端
第一：放置表格上面

<div style="text-align: center" id='btn'>
	<label>搜索賬戶</label>
    <div class="layui-inline">
        <input class="layui-input" name="keyword" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" id="button1" data-type="reload">搜索</button>
</div>

第二：最重要的
, where: {'token': "123"} 這個123後端判斷用的，可以爲空，隨意（放到layui.table中）
第三：

var $ = layui.$, active = {
		    reload: function(){
		      var demoReload = $('#demoReload');
		      console.log(demoReload.val())
		      //執行重載
		      table.reload('demo', {     //dome  代表table id名
		        page: {
		          curr: 1 //重新從第 1 頁開始
		        }
		        ,where: {
		        	token:  demoReload.val()
		        }
		      });
		    }
  }

  $('#btn .layui-btn').on('click', function(){
	    var type = $(this).data('type');

	    active[type] ? active[type].call(this) : '';
	  });
		  

第五：回車綁定

//回車事件綁定
$('#demoReload').bind('keyup', function(event) {
　　if (event.keyCode == "13") {
　　　　//回車執行查詢
　　　　$('#button1').click();
　　}
});

後端
前端傳過來的 ‘where‘ token=“123” 是post傳給後端的，加自己的邏輯

這是我的
if request.POST.get('token')=="123":
        com_user = models.complete_user.objects.filter(if_out="0")  
    else:
        com_user = models.complete_user.objects.filter(Q(if_out="0") & Q(name__contains=request.POST.get('token')))  

多個搜索框大同小異