datatable某列不排序、和自定义搜索、给数据里面加属性
datatable中如果不想对前几列进行排序,使用以下代码:
$('#informationList').DataTable({
//对0,1,2列不排序
"columnDefs": [ {
"orderable": false,
"targets": [0,1,2]
}],
//如果需要重载页面则需要销毁页面,以便于重新加载
destroy:true,
//自带的搜索框,如果不需要则可以设置false,默认为true
searching:true,
//表格分页
paging: true,
//汉化
language: {
"sProcessing": "处理中...",
"sLengthMenu": "显示 _MENU_ 项结果",
"sZeroRecords": "没有匹配结果",
"sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
"sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
"sInfoPostFix": "",
"sSearch": "简单搜索:",
"sUrl": "",
"sEmptyTable": "表中数据为空",
"sLoadingRecords": "载入中...",
"sInfoThousands": ",",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "上页",
"sNext": "下页",
"sLast": "末页"
},
"oAria": {
"sSortAscending": ": 以升序排列此列",
"sSortDescending": ": 以降序排列此列"
}
}
});
现出现需求:datatable自带的搜索框满足不了需求,需要自己动手写搜索语句,并且把数据都已经获取到list集合中了,如何操作?
查看官方文档,datatable的数据源就三种,其中最方便的一组是使用了array集合来存储数据,如下:
/**
* 条件查询
*
* @param title
* @param level
* @param industry
* @param company
* @param keyword
* @param function
* @return
*/
@RequestMapping("/search")
@ResponseBody
public Map<String, Object> searchCaseByCondition(@RequestParam("name") String name, @RequestParam("title") String title, @RequestParam("level") String level, @RequestParam("industry") String industry, @RequestParam("company") String company, @RequestParam("keyword") String keyword, @RequestParam("function") String function, String state) {
System.out.println(state);
System.out.println(name);
System.out.println("1111");
Map<String, Object> returnMap = new HashMap<>();
if ("".equals(name)) {
name = null;
}
if ("".equals(level)) {
level = null;
}
if ("".equals(title)) {
title = null;
}
if ("".equals(industry)) {
industry = null;
}
if ("".equals(company)) {
company = null;
}
if ("".equals(keyword)) {
keyword = null;
}
if ("".equals(function)) {
function = null;
}
if (name == null && function == null && keyword == null && company == null && industry == null && title == null && level == null) {
String error = "输入参数错误,请重新输入!";
return (Map<String, Object>) returnMap.put("error", error);
}
List<Problem> results = caseService.searchByConditions(name, title, level, industry, company, keyword, function, state);
returnMap.put("searchResults", results);
return returnMap;
}
前台接收后的代码:
$("#btn_search").on('click', function () {
//点击后,需要想后台传输数据
//0,申请人
var pname=$("#proName option:selected").val();
if (pname==null){
pname=null;
}
//1,传送难度级别
var pLevel = $("#proLevel option:selected").val();
if (pLevel == null) {
pLevel = null;
}
// 2,传输所属行业
var pIndustry = $("#proIndustry option:selected").val();
if (pIndustry == null) {
pIndustry = null;
}
//3,传输来源企业
var pCompany = $("#proCompany option:selected").val();
if (pCompany == null) {
pCompany = null;
}
//4,传输关键字,
var keyword = $("#proKeyword option:selected").val();
if (keyword == null) {
keyword = null;
}
//5,传输实现功能
var pFunction = $("#proFunction option:selected").val();
if (pFunction == null) {
pFunction = null;
}
//6,传输难题名称
var pTitle = $("#proTitle option:selected").val();
//7,传值,证明是通过的
var pState='1';
console.log(pState);
$.ajax({
type: "post",
url: "/case/search",
dataType: "json",
data:
{
name: pname,
title: pTitle,
level: pLevel,
industry: pIndustry,
company: pCompany,
keyword: keyword,
function: pFunction,
state:pState
},
error: function () {
},
success: function (data) {
//搜索到数据后去掉模态框
$("#passSearchModal").modal('hide');
console.log(data);
$('#declarationList').DataTable({
destroy: true,
data: data.searchResults,
columns: [
{data: 'proId',render:function (data,type,row,meta) {
return '<label class="checkbox-inline"><input type="checkbox" class="myid2" name="items" id="items" value="'+row.proId+'">'+row.proId+'</label>'
}},
{data: 'proTitle',render:function (data, type, row, meta) {
return '<span><a href="/case/displayCase/'+row.proId+'">'+row.proTitle+'</a></span>'
}},
{data: 'proLevel'},
{data: 'proIndustry'},
{data: 'proCompany'},
{data: 'proKeyword'},
{data: 'proFunction'},
{data: '',render:function (data, type, row, meta) {
return '<a href="/case/exportApproveCase/'+row.proId+'">导出<i class="fa fa-file-word-o" aria-hidden="true"></i></a>'
}}
]
});
}
})
});
使用render来扩展内容属性具体博客忘了粘贴了。
上面一篇的博客----》https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/90445222
datatable某列不排序、和自定义搜索、给数据里面加属性的更多相关文章
- Datatable+Springmvc+mybatis(分页+排序+搜索)_Jquery
一.简介 通过Jqury的Datatable插件,构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求.同时, jQuery Datatable 强大的功能支持:排序,分页,搜索等. 二.前台分 ...
- DataTable插件指定某列不可排序
datatable是一个jQuery扩展的表格插件.其提供了强大的表格功能. 官方地址:http://www.datatables.NET/ DataTable提供的表格样式里面,第一行都是会有排序功 ...
- [datatable]排序时指定某列不可排序
datatable是一个jquery扩展的表格插件.其提供了强大的表格功能. 官方地址:http://www.datatables.net/ 在官方示例中,对于表格的是否可排序是在初始化中设置的一个值 ...
- jquery DataTable插件使用自定义搜索
$(function () { $("#pk_status").change(function () { valid = $(this).val(); if(valid){ tab ...
- [WPF]ListView点击列头排序功能实现
[转] [WPF]ListView点击列头排序功能实现 这是一个非常常见的功能,要求也很简单,在Column Header上显示一个小三角表示表示现在是在哪个Header上的正序还是倒序就可以了. ...
- datatable动态列处理,重绘表格(敲黑板,划重点!!!我肝了一天半才彻底弄懂这个东西,TAT)
datatable动态列处理,重绘表格 前言:至于动态列的绘画,我前面博客已经写过了,就是动态列的配置问题,不懂的去我博客看下,今天要写的呢,就是你已经写了一个动态列在datatable,现在你想重新 ...
- [Android分享] 【转帖】Android ListView的A-Z字母排序和过滤搜索功能
感谢eoe社区的分享 最近看关于Android实现ListView的功能问题,一直都是小伙伴们关心探讨的Android开发问题之一,今天看到有关ListView实现A-Z字母排序和过滤搜索功能 ...
- GridView列的排序功能
首先要给GridView设置三个属性 GridView4.AllowSorting = true; GridView4.Attributes.Add("SortExpression" ...
- Android 实现ListView的A-Z字母排序和过滤搜索功能,实现汉字转成拼音
转载:http://blog.csdn.net/xiaanming/article/details/12684155 转载请注明出处:http://blog.csdn.net/xiaanming/ar ...
随机推荐
- IIS设置禁止某个IP或IP段访问网站的方法
网站被刷,对话接不过来 打开IIS,选中禁IP的站点,找到“ip地址和域限制”这个功能,如果没有安装,打开服务器管理器,点击角色,窗口右边找到添加角色服务,找到“IP和域限制”并勾选安装. 打开ip地 ...
- CodeForces 438D The Child and Sequence (线段树 暴力)
传送门 题目大意: 给你一个序列,要求在序列上维护三个操作: 1)区间求和 2)区间取模 3)单点修改 这里的操作二很讨厌,取模必须模到叶子节点上,否则跑出来肯定是错的.没有操作二就是线段树水题了. ...
- python学习笔记(26)-request模块
python学习笔记 #requests import requests #from class_005.http_resuest import HttpRequest login_url = &qu ...
- DataSet,DataTable排序(转载)
DataSet,DataTable排序 关于对已经绑定的DataSet的排序的问题: DataSet ds=new DataSet();DataView dv=new DataView();dv. ...
- 华为路由器AR1220E-S通过web页面不能登录
问题原因:由于在WEB页面配置了“远程信任主机”,但是信任主机和路由器不在一个网段,导致所有IP都不能通过WEB页面管理路由器 解决方案:通过console口直接连接路由器,删除信任主机,此次咨询了华 ...
- Exchang Online 保护策略
一.恶意软件筛选器 1.配置反恶意软件策略 1.1Exchange管理中心->保护->恶意软件筛选器->双击Default->编辑默认的策略 1.2单击“设置”选项,根据需要进 ...
- Winform Post请求传递Json格式参数的写法
注意的是,Json传递需用到Hashtable(哈希表)来添加参数,本人也试过用JObject添加页不行,感觉应该可以的不知道怎么回事,直接上代码, Hashtable ht = new Hashta ...
- 引入插件的时候 提示particlesJS is not defined
particlesJS is not defined 插件或者js文件在引入时需要注意引入顺序,每次都找很久的错误 一般引入min.js就可以,min.js意思就是压缩的js文件 引入时应该先加入 ...
- 对xgboost中dump_model生成的booster进行解析
xgboost原生包中有一个dump_model方法,这个方法能帮助我们看到基分类器的决策树如何选择特征进行分裂节点的,使用的基分类器有两个特点: 二叉树: 特征可以重复选择,来切分当前节点所含的数据 ...
- Django获取当前时间和Linux系统时间不一致
配置文件中修改:TIME_ZONE的值改为上海,USE_TZ的值改为False,重启项目即可