DataTables 查询

html

查询

                   			<td>
                   				<div class="layui-input-inline">
                   					<input type="text" id="orderNo"  placeholder="订单号" autocomplete="off" class="layui-input">
                   				</div>
                   				<div class="layui-input-inline">
                   					<input type="text" id="carNo"  placeholder="车牌号" autocomplete="off" class="layui-input">
                   				</div>
								<div class="layui-input-inline">
									<select id="orderState"  class="layui-form-label">
										<option value="" selected="selected">状态</option>
										<option value="0">新增</option>
										<option value="1">发卡</option>
										<option value="2">进厂</option>
										<option value="3">一次称重</option>
										<option value="4">切水</option>
									</select>
								</div>
								<div class="layui-input-inline">
	                   				<button id="searchBt" class="layui-btn "><i class="layui-icon">&#xe615;</i>搜索</button>
                   				</div>
                   			</td>

表格初始化时：

	example = 
    	$('#dt-table').dataTable({
        	"searching": false,
        	"processing": false,
        	"serverSide" : true,
        	"bStateSave": true,//状态保存
        	"language": {
                "url": "/js/plugin/datatables/Chinese.lang"
            },
        	"ajax": {
        		"url" : "/orders",
        		"type":"get",
        		"data":function(d){
    				d.serviceType = 0;//初始化时想加的参数
    				d.orderNo = $("#orderNo").val();//查询参数
    				d.orderState = $("#orderState").val();//查询参数
    			}
        	},
        	"dom": "<'dt-toolbar'r>t<'dt-toolbar-footer'<'col-sm-10 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-10' p v>>",	
            "columns": [
				{"data" : "id", "defaultContent" : "","visible": false},
				{"data" : "orderNo", "defaultContent" : ""},
				{"data" : "carNo", "defaultContent" : ""},
				.....略过

查询方法

$("#searchBt").click(function(){
    $('#dt-table').DataTable().ajax.reload();//刷新重新加载
});