`

jquery datatable 多条件查询

 
阅读更多

可以根据查询条件重新生成一个新的datatable

先销毁,再生成

dataTable.fnDestroy(); 

var dataTable = $('#example').dataTable({
		"autoWidth":false,
	 	"bPaginate": true,  //是否显示分页
	 	"bFilter": true, //搜索栏
	 	"bProcessing": true, //加载数据时显示正在加载信息
	 	"bServerSide": true, //指定从服务器端获取数据
		"sAjaxSource" : "xxx",
		"aoColumns": [
             { "mData": "ruleName" },
             { "mData": "md5" },
             { "mData": "objectType" },
             { "mData": "domainName" }
         ]
		
	});
	//查询按钮
    document.getElementById("queryBtn").onclick = function() {
    	var rule_name = $("#rule_name_query").val();
		var object_type = $("#object_type_query").val();
		var domain_name = $("#domain_name_query").val();
		
		dataTable.fnDestroy();

    	$('#example').dataTable({
    		"autoWidth":false,
    	 	"bPaginate": true,  //是否显示分页
    	 	"bFilter": true, //搜索栏
    	 	"bProcessing": true, //加载数据时显示正在加载信息
    	 	"bServerSide": true, //指定从服务器端获取数据
    		"sAjaxSource" : "xxxx?xx="
				+ 11+ "&xx=" + 22+ "&xx=" + 33,
    		"aoColumns": [
                 { "mData": "ruleName" },
                 { "mData": "md5" },
                 { "mData": "objectType" },
                 { "mData": "domainName" }
             ]
    		
    	});
    }

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics