`

dataTables 多条件查询 自定义

阅读更多
版本: 1.9.4

该版本不支持自定义表单名的查询,需要修改代码

1、修改方法_fnAjaxParameters 添加

if(oSettings.serverparam){
				for(var p in oSettings.serverparam){
					aoData.push( { "name": p,          "value": oSettings.serverparam[p]} );
				}
			}


2、
var mygridtab = $('#sample_1').dataTable({
"bFilter":true,
"fnStateLoadParams": function (oSettings, oData) {
          
           $("#mySubmit").bind("click", function(){
           var oSettings = mygridtab.fnSettings();
           oSettings.serverparam=$('#searchform').serializeObject();
           oSettings.sDom='';
           mygridtab.fnFilter('张是');
           /*mygridtab.fnFilter( oSettings, {
    "sSearch": val,
    "bRegex": oPreviousSearch.bRegex,
    "bSmart": oPreviousSearch.bSmart ,
    "bCaseInsensitive": oPreviousSearch.bCaseInsensitive
    } );*/
           });
          
           }

});


3.
$.fn.serializeObject = function() {
 var o = {};
 var a = this.serializeArray();
 $.each(a, function() {
 if (o[this.name] !== undefined) {
 if (!o[this.name].push) {
 o[this.name] = [o[this.name]];
}
 o[this.name].push(this.value || '');
 } else {
 o[this.name] = this.value || '';
}
});
 return o;
};
分享到:
评论

相关推荐

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

    本篇文章将详细探讨如何在jQuery DataTables中实现多个查询条件的自定义提交事件。 首先,我们需要在用户界面创建查询条件的输入字段。例如,我们可以添加两个日期选择器(datetimepicker)来让用户选择开始时间和...

    datatables 带查询条件java服务端分页处理实例

    /datatables 带查询条件java服务端分页处理实例 /datatables 是一个非常流行的基于 jQuery 的 DataTables 插件,它提供了许多实用的功能,如排序、过滤、分页等,今天我们将介绍如何使用 DataTables 实现带查询条件...

    DataTables-1.8.0

    2. **排序**:默认情况下,DataTables 提供了点击表头进行列排序的功能,支持多列排序,并且可以自定义排序规则。 3. **搜索**:用户可以通过内置的搜索框对表格中的数据进行快速过滤,也可以针对特定列进行筛选。 ...

    JQuery DataTables示例,包含分页、拖拽、导出

    它提供了各种高级特性,如分页、排序、过滤、搜索、数据加载以及更多,大大提升了用户体验。在这个示例中,我们看到的是如何在Web项目中集成并充分利用这些功能。 首先,让我们详细了解jQuery DataTables的核心特性...

    jquery datatables 所需文件 官方下载的

    8. **License**: 通常包含有关版权和许可信息的文件,规定了使用DataTables的条件和限制。 使用DataTables时,你需要在HTML中引入核心的JavaScript和CSS文件,并对表格元素进行适当的配置。例如: ```html <!-- ...

    Laravel开发-datatables

    Datatables插件会自动发送请求参数,如`search`(搜索关键词)、`order`(排序条件)和`length`(每页显示的记录数)。在`getUsers`方法中,根据这些参数调整查询语句,实现动态过滤、排序和分页。 8. **自定义...

    DataTables(二) —— 行分组信息展开与折叠的功能实现

    在本文中,我们将深入探讨如何在DataTables中实现行分组信息的展开与折叠功能。DataTables是一款强大的JavaScript库,用于增强HTML表格的功能,提供排序、过滤、分页等多种高级特性。行分组功能允许用户将相关的数据...

    datatables responsive css&js;

    1. **Datatables 插件**:Datatables 是一个功能丰富的表格库,它不仅提供了排序、搜索、分页等基本功能,还能进行自定义列显示、行选择、多语言支持等多种高级操作。其基于 jQuery 构建,易于集成到现有的项目中。 ...

    DataTables-1.8.1.zip

    在 DataTables 1.8.1 版本中,它提供了丰富的数据操作、排序、过滤、分页和自定义功能,使网页上的表格管理变得更加高效和用户友好。 1. **数据处理**:DataTables 可以动态加载数据,支持JSON、XML、CSV等多种数据...

    前端项目-datatables-fixedheader.zip

    1. **固定头部**:无论用户向下滚动多远,表头始终保持在屏幕顶部,方便用户随时了解各列对应的数据含义。 2. **固定尾部**:对于有总计或汇总行的表格,FixedHeader也能将其固定在屏幕底部,便于查看总计信息。 3...

    DataTables-1.10.0

    它支持对表格内容进行模糊搜索,同时可以自定义筛选条件,提高数据查找的效率。格式化功能则允许开发者定制单元格的显示样式,例如日期、数字等复杂数据的格式化,使表格内容更易读。 在压缩包中,我们可以看到以下...

    jquery datatables实例

    然而,jQuery DataTables还支持更多的特性,如自定义列、排序规则、事件处理、插件集成等。你可以根据项目需求,深入学习并定制这些功能。 总的来说,jQuery DataTables通过与后台数据源的交互,提供了高效的数据...

    前端项目-datatables.zip

    2. **过滤数据**:内置的过滤功能让用户能快速定位所需信息,通过输入框或自定义筛选条件实现。 3. **分页**:Datatables 提供了灵活的分页选项,允许用户调整每页显示的行数,轻松浏览大量数据。 4. **Ajax数据...

    datatables

    6. **自定义扩展**:`datatables`拥有强大的API和插件系统,开发者可以根据自己的需求编写插件或扩展,以实现更多定制化功能,如自定义排序逻辑、添加新的按钮等。 7. **国际化与响应式设计**:`datatables`支持多...

    jquery dataTables组件

    5. **扩展功能**:如行选择、列隐藏、自定义列显示、数据导出等,DataTables提供了丰富的扩展功能供开发者选择。 ### 五、实践应用 在Eclipse中,你可以创建一个简单的Web项目,将TXT文件内容读取到后端,再通过...

    基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询

    基于SpringMVC+Bootstrap+DataTables实现数据表格服务端分页、模糊查询(非DataTables Search),页面异步刷新。 说明:sp:message标签是使用了SpringMVC国际化 效果 DataTable表格 关键字查询 自定义关键字查询,...

    dandelion-datatables:DataTables的蒲公英组件

    5. **自定义功能**:Dandelion DataTables支持广泛的自定义选项,包括列的隐藏和显示、搜索条件、按钮和扩展功能,以及自定义的Ajax请求处理器。 6. **性能优化**:Dandelion DataTables支持服务器端处理,这意味着...

    laravel_datatables-源码.rar

    1. `customFilters()`:添加自定义的过滤条件。 2. `customBuilder()`:自定义查询构建。 3. `customOrdering()`:自定义排序规则。 4. `customSearch()`:自定义搜索逻辑。 五、性能优化 1. 使用`->select()`明确...

    Laravel开发-laravel-datatables-lite

    移除此功能意味着开发者需要自行处理前端展示,这可能需要更多的自定义代码,但也提供了更大的灵活性。 **5. 导出功能的移除** 导出功能允许用户将表格数据导出为CSV、Excel或PDF格式。在"Laravel DataTables Lite...

    Laravel开发-laravel-datatables

    laravel-datatables提供了丰富的API接口,允许开发者根据需求定制功能,如自定义查询条件、过滤数据等。 总的来说,laravel-datatables是Laravel开发者在处理数据展示和交互时的强大工具,它简化了后端数据处理的...

Global site tag (gtag.js) - Google Analytics