Datatable的值设置

2024-04-12 07:18
文章标签 设置 datatable

本文主要是介绍Datatable的值设置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

datatable初始化
table = $('#tableId').DataTable({//表格初始化"bDestroy":true,//清空数据"bRetrieve": true,//是否允许重新生成数据"stateSave":false,//不记忆页码"autoWidth": false,"deferRender": true,//延迟渲染"processing": false,"serverSide": true,"aLengthMenu": [[15, 30, 50, 100], ["15条", "30条", "50条", "100条"]],"filter":true,"ScrollCollapse":true,"scrollY":"auto","oLanguage": {"sEmptyTable": tip,},"ajax": {"beforeSend":function(){//加载过程进度条方法},"complete":function(){//加载结束方法},"url":********,"data":{"name":"FFFF","age":function(){var age=$("#age").val();return age;}}},"order": [[ 3, "desc" ]],"columnDefs": [{   "data":null,"name": "age",    "targets": [0, 0],"orderable": false,"render":function(data,type,full){var keyStr="******";if(data.age<0){keyStr=0;}return keyStr},"width":50},{ "data":null,"name": "depart",    "targets": [0, 1],"orderable": true,"render":function(data,type,full){return data.depart},"width":50},{ "data":null,"name": "name",    "targets": [0, 2],"orderable": true,"render":function(data,type,full){return "<span>"+data.name+"</span>"},"width":300},{ "data":null,"name": "creatTime",    "targets": [0, 3],"orderable": true,"render":function(data,type,full){return data.creatTime},"width":300},{"data":null,"name": "operator",    "targets": [0, 4] ,"orderable": false,"render":function(data,type,full){return "<span class='operator ' id='"+data.id+"'></span>"},"width":100}],"fnDrawCallback": function(){callBackFunction();}});


浏览器发送数据
draw: 4
columns[0][data]:0
columns[0][name]:checked
columns[0][searchable]:false
columns[0][orderable]:false
columns[0][search][value]:
columns[0][search][regex]:false
columns[1][data]:1
columns[1][name]:index
columns[1][searchable]:false
columns[1][orderable]:false
columns[1][search][value]:
columns[1][search][regex]:false
columns[2][data]:2
columns[2][name]:user_name
columns[2][searchable]:true
columns[2][orderable]:true
columns[2][search][value]:
columns[2][search][regex]:false
columns[3][data]:3
columns[3][name]:name
columns[3][searchable]:true
columns[3][orderable]:true
columns[3][search][value]:
columns[3][search][regex]:false
order[0][column]:2
order[0][dir]:asc
start:0
length:20
search[value]:kkk  设置搜索值table.settings()[0].oPreviousSearch.sSearch=searchText;
search[regex]:false
_:1501036728929

内部属性值的设置格式
表名.settings()[0].属性名称(若属性为对象,内部具有属性值,则.属性值)=设置值

table.settings()[0].oLanguage.sEmptyTable=tip;设置表格为空时的提示语句
table.page.info().recordsTotal;获取记录的个数
var param = {
  "searchText": “”,
};
table.settings()[0].ajax.data = param;设置datatable ajax请求参数
table.ajax.reload();表格重新加载


table.order()[0][0]:获取表格排序列索引;

table.order()[0][1]:获取表格排序列排序方式;desc或asc

这篇关于Datatable的值设置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/896458

相关文章

CentOS和Ubuntu系统使用shell脚本创建用户和设置密码

《CentOS和Ubuntu系统使用shell脚本创建用户和设置密码》在Linux系统中,你可以使用useradd命令来创建新用户,使用echo和chpasswd命令来设置密码,本文写了一个shell... 在linux系统中,你可以使用useradd命令来创建新用户,使用echo和chpasswd命令来设

C#TextBox设置提示文本方式(SetHintText)

《C#TextBox设置提示文本方式(SetHintText)》:本文主要介绍C#TextBox设置提示文本方式(SetHintText),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录C#TextBox设置提示文本效果展示核心代码总结C#TextBox设置提示文本效果展示核心代

Pyserial设置缓冲区大小失败的问题解决

《Pyserial设置缓冲区大小失败的问题解决》本文主要介绍了Pyserial设置缓冲区大小失败的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录问题描述原因分析解决方案问题描述使用set_buffer_size()设置缓冲区大小后,buf

Feign Client超时时间设置不生效的解决方法

《FeignClient超时时间设置不生效的解决方法》这篇文章主要为大家详细介绍了FeignClient超时时间设置不生效的原因与解决方法,具有一定的的参考价值,希望对大家有一定的帮助... 在使用Feign Client时,可以通过两种方式来设置超时时间:1.针对整个Feign Client设置超时时间

PyCharm如何设置新建文件默认为LF换行符

《PyCharm如何设置新建文件默认为LF换行符》:本文主要介绍PyCharm如何设置新建文件默认为LF换行符问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录PyCharm设置新建文件默认为LF换行符设置换行符修改换行符总结PyCharm设置新建文件默认为LF

Linux上设置Ollama服务配置(常用环境变量)

《Linux上设置Ollama服务配置(常用环境变量)》本文主要介绍了Linux上设置Ollama服务配置(常用环境变量),Ollama提供了多种环境变量供配置,如调试模式、模型目录等,下面就来介绍一... 目录在 linux 上设置环境变量配置 OllamPOgxSRJfa手动安装安装特定版本查看日志在

Ubuntu中Nginx虚拟主机设置的项目实践

《Ubuntu中Nginx虚拟主机设置的项目实践》通过配置虚拟主机,可以在同一台服务器上运行多个独立的网站,本文主要介绍了Ubuntu中Nginx虚拟主机设置的项目实践,具有一定的参考价值,感兴趣的可... 目录简介安装 Nginx创建虚拟主机1. 创建网站目录2. 创建默认索引文件3. 配置 Nginx4

如何关闭 Mac 触发角功能或设置修饰键? mac电脑防止误触设置技巧

《如何关闭Mac触发角功能或设置修饰键?mac电脑防止误触设置技巧》从Windows换到iOS大半年来,触发角是我觉得值得吹爆的MacBook效率神器,成为一大说服理由,下面我们就来看看mac电... MAC 的「触发角」功能虽然提高了效率,但过于灵敏也让不少用户感到头疼。特别是在关键时刻,一不小心就可能触

Nginx配置系统服务&设置环境变量方式

《Nginx配置系统服务&设置环境变量方式》本文介绍了如何将Nginx配置为系统服务并设置环境变量,以便更方便地对Nginx进行操作,通过配置系统服务,可以使用系统命令来启动、停止或重新加载Nginx... 目录1.Nginx操作问题2.配置系统服android务3.设置环境变量总结1.Nginx操作问题

grom设置全局日志实现执行并打印sql语句

《grom设置全局日志实现执行并打印sql语句》本文主要介绍了grom设置全局日志实现执行并打印sql语句,包括设置日志级别、实现自定义Logger接口以及如何使用GORM的默认logger,通过这些... 目录gorm中的自定义日志gorm中日志的其他操作日志级别Debug自定义 Loggergorm中的