jQuery datatable 多个查询条件 ,自定义提交事件

最新推荐文章于 2021-08-05 16:24:19 发布
最新推荐文章于 2021-08-05 16:24:19 发布
阅读量9.4k 收藏 4
点赞数
分类专栏： 前端 文章标签： jQuery datatable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jimgethelp/article/details/77511610
版权
本文介绍了如何在jQuery Datatable中添加多个查询条件，如开始和结束时间，并实现自定义的提交事件。通过在datatable设置中添加data选项，将input字段的值作为额外参数传递给服务器，当点击特定按钮时，触发表格刷新，从而根据新的查询条件获取数据。
摘要由CSDN通过智能技术生成 
更新于2017-08-28 
例如需要给表格增加一个开始时间 一个结束时间 点击按钮 重新刷新数据
先写2个input分别表示开始时间跟结束时间（可以写在页面的任意位置）
在写一个button(可以写在页面的任意位置）点击按钮 让表格重新刷新 


 

如下所示在datatable设置项增加如下设置  如果已经有了  只需要添加如下的data选项

                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  jimgethelp
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    4
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
jQuery Datatable 多个查询条件自定义提交事件(推荐)

				
			

			

				

					12-12
				

			

		

		

			
				
先写2个input 分别表示开始时间跟结束时间 在写一个button 点击按钮 让表格重新刷新 代码如下
如下所示在datatable设置项增加如下设置  如果已经有了  只需要添加如下的data选项

ajax: {
  url: '/admin/index',
  type: 'POST',
  "data": function ( d ) {
    //添加额外的参数传给服务器
    d.beginDate = $("#datetimepicker1").val();
    d.endDate = $("#datetimepicker2").val();
  }
},
$("#se

			
		

	



                

              
                



	

		

			

				
					
c# datatable 根据字段查询

					
最新发布

				
			

			

				

					MaggieWon
				

				

					06-27
					
					207
					
				

			

		

		

			
				
【代码】c# datatable 根据字段查询。

			
		

	



                


  
              

                


	

		

			

				
					
jquery datatable 多条件查询

				
			

			

				

					iteye_3842的博客
				

				

					06-06
					
					904
					
				

			

		

		

			
				

可以根据查询条件重新生成一个新的datatable
先销毁，再生成
dataTable.fnDestroy(); 
var dataTable = $('#example').dataTable({
		"autoWidth":false,
	 	"bPaginate": true,  //是否显示分页
	 	"bFilter": true, //搜索栏
	 	"bProcess...

			
		

	





	

		

			

				
					
jQuery datatable 多个查询条件

				
			

			

				

					JimAndJerry的博客
				

				

					08-12
					
					8273
					
				

			

		

		

			
				
"fnServerParams": function (aoData) {  //查询条件
                                aoData.push(
                                    { "name": "user_name", "value": $("#") },
                            

			
		

	



		

			
		



	

		

			

				
					
jQuery DataTables添加自定义多个搜索条件

				
			

			

				

					极客神殿
				

				

					11-13
					
					5085
					
				

			

		

		

			
				
效果如下：

一、在前台页面定义输入搜索条件的文本框
 <div class="ibox-tools">
                            <span>年度</span>
                            @Html.Drop

			
		

	





	

		

			

				
					
jquery 多条件搜索特效 高级查询

				
			

			

				

					11-23
				

			

		

		

			
				
jquery 多条件搜索特效 高级查询  含单选，多选组合查询

			
		

	





	

		

			

				
					
jQuery Datatable 自定义列1

				
			

			

				

					08-04
				

			

		

		

			
				
我们的数据源是一个对象数组，包含多个对象，每个对象都有多个属性，例如 name、position、salary 等。  在定义了数据源后，我们需要对我们的页面代码进行编写。在 Datatable 中，我们可以使用 columnDefs 来定义每...

			
		

	





	

		

			

				
					
JQuery DataTable中文文档API.chm

				
			

			

				

					03-29
				

			

		

		

			
				
`JQuery DataTables中文文档API.chm` 提供了详细的中文参考，帮助开发者更好地理解和使用这个库。  **1. 数据源（Data Sources）** `DataTables` 支持多种数据源，包括DOM、JSON、XML、CSV、TSV等。这使得它可以灵活...

			
		

	





	

		

			

				
					
多个jquery.datatable共存,checkbox全选异常的快速解决方法

				
			

			

				

					12-03
				

			

		

		

			
				
然而，当在一个页面中使用多个 DataTables 实例时，可能会遇到全选复选框（checkbox）行为异常的问题。这个问题主要是由于 DataTables 的内部实现导致的，特别是其全选复选框的 ID 是固定的，这在多个表格共存的情况...

			
		

	





	

		

			

				
					
Jquery条件查询

				
			

			

				

					weixin_44561520的博客
				

				

					07-18
					
					871
					
				

			

		

		

			
				
开发工具与关键技术：SQL Server 2014与jquery

作者：戴怡斌 

撰写时间：2019年7月17日


在设置页面的时候，如果要渲染表格，那就肯定会用到查询，而如果你渲染出来的数据太多，就会用到分页，这些其实都不重要，重要的是你要学会偷懒，在程序员的世界里，不会偷懒那就不配是个程序员。
下面来看一个小案例，条件查询，就是在很多数据面前使用的，一条一条的找，太麻烦了，所以就会用到...

			
		

	





	

		

			

				
					
基于jquery js自定义sql条件查询

				
			

			

				

					09-04
				

			

		

		

			
				
用户自己定义动态组织sql查询条件，对于用户来说相当方便的啦。可以自由选择查询字段、条件条件、条件值，选择与或关系，包括括号优先的使用。根据查询字段不同，查询条件值的动态改变，如日期控件、下拉框、可输入的文本框。参考使用的童鞋可以再优化下，使之更人性化。

呵呵。折腾一天弄出来的，个人觉得很实用，不足之处，很自行修改。
童鞋们大力给分啊，大哥也下载东东需要积分啊。

用户使用说明：
  
1.当条件值是日期时，格式为：2013-01-01；
2.当条件值是字段串时，中间含有英文单引号“'”时，请用两个单引号“''”表示，如：AA''A ；
3.当条件为“包含”或“不包含”时，条件值不能是日期格式 ;
4.当条件为“包含”或“不包含”时，条件值是字符串类型用单引号“'”引起来，多个数据项时用逗号分隔，如：'AAA','BBB'；
5.当条件为“包含”或“不包含”时，条件值是数字型时则不需要单引号“'”,多个数据项时用逗号分隔如：100,120;
6.当条件为“大于”或“小于”时，条件值只能是数字型或日期型，否则查询结果将可能不准确;
7.如果使用括号，请务必保证括号匹配；
8.条件值尽量避免有“'、%”等特殊字符；

			
		

	





	

		

			

				
					
jQuery多条件查询筛选插件.zip

				
			

			

				

					07-11
				

			

		

		

			
				
jQuery多条件查询筛选插件
             

			
		

	





	

		

			

				
					
jquery easyUI 实现动态生成多条件查询功能

				
			

			

				

					04-08
				

			

		

		

			
				
谁在jquery easyUI 下做过动态生成多条件查询功能，动态添加一行（一个条件）：参数名（多个字段名）、关系符（>、=、<=、=）、比较值（input）。大体就这样，点击“添加条件”，生成上面描述的一行，这个在jquery easyUI 框架下如何实现，再者，假如post表单提交，服务器脚本如何获取和组装前台提交过来的多个条件。

			
		

	





	

		

			

				
					
JQuery DataTable 详解

					
热门推荐

				
			

			

				

					跳舞的芒果
				

				

					01-14
					
					1万+
					
				

			

		

		

			
				
之前博主介绍过一种submit局部刷新的办法，但是单单对于table刷新而去绑定form提交显得太过冗重麻烦，今天介绍下jquery dataTable自带的插件fnReloadAjax实现ajax异步请求刷新表格数据的方法。前提准备：导入fnReloadAjax.js，附上下载链接 
https://pan.baidu.com/s/1qYRMX9i
  第一：实现的效果就是根据查询条件点击查询按钮

			
		

	





	

		

			

				
					
datables自定义ajax,jquery.DataTables自定义过滤查询

				
			

			

				

					weixin_30043767的博客
				

				

					08-05
					
					325
					
				

			

		

		

			
				
jquery.DataTables自定义过滤查询需要使用到自定义Plug-ins功能，下载的压缩包里面也有相关示例。示例为Custom filtering - range search，搜索介于2个数字间的记录。下面示例为jquery.DataTables自定义过滤查询介于２个日期间的记录，示例居于DataTables-1.10.7\examples\plug-ins\range_filterin...

			
		

	





	

		

			

				
					
JQuery.datatable —— 条件查询动态渲染Table

				
			

			

				

					Genius only means hard-working all one's life.
				

				

					05-22
					
					1844
					
				

			

		

		

			
				
文章目录JQuery.datatable —— 条件查询动态渲染Table前言关键代码
JQuery.datatable —— 条件查询动态渲染Table
前言
通过页面条件，重新渲染表格内容。
关键代码
<!-- 定义动态表格 -->
var initTable =  $('#tableTestFindAll').DataTable({
	"ajax": {
	    url: "t...

			
		

	





	

		

			

				
					
【常用 JS 插件】jQuery DataTables 自定义查询

				
			

			

				

					Yuu
				

				

					11-16
					
					886
					
				

			

		

		

			
				
前提
因为需要根据不同的分类查询数据，可以点击一个按钮，重新刷新表格。

js
 "ajax": {
      "url": "/article/page",
      "data":function (d) {
           d.cid = $("#cid").val();
           d.key = $("#key").val();
       }
}

$(&

			
		

	





	

		

			

				
					
datatable筛选条件_jquery datatable 多条件查询

				
			

			

				

					weixin_39665847的博客
				

				

					12-31
					
					1075
					
				

			

		

		

			
				
可以根据查询条件重新生成一个新的datatable先销毁，再生成dataTable.fnDestroy();var dataTable = $('#example').dataTable({"autoWidth":false,"bPaginate": true,  //是否显示分页"bFilter": true, //搜索栏"bProcessing": true, //加载数据时显示正在加载信息"...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值