**********************--倒--序--上--升--(方便新增、更新)***********************

(3)给 动态生成 的 行 内按钮,添加点击事件(多用于分页情况下,行 内的按钮)。如

{ "data": "defaultRank", "render": function (data, type, full, meta) {
return "<button class='clear_wx_btn btn btn-info'>晋级</button>";
}
}, $(document).on('click', '.clear_wx_btn', function(){
$("#errorTip").text("")
//var row = table.row({selected : true}).data();//这种最常见,但这种情况,第二次点击会失效(主要table要定义成全局变量)
//var matchArea = $(this).parent().parent().children().eq(1).text()
var row = table.row($(this).parent().parent()).data();//貌似row{param}里面的param是 jquery对象的"$行",
$("#rankTeamName").val(row.teamName)
$("#rankTeamId").val(row.teamId)
$("#teamRankModal").modal("show")
})

----附:$(document) 网上说(责任越大,消耗内存越大)的一种绑定事件

(2)创建 行 点击事件(默认为 左键 点击事件,右键的也有一例),这里展示获取 行号 和 指定列 的数据

$('#datatable tbody').on('click','tr',function(e){
//先拿到点击的行号
var index = $(this).context._DT_RowIndex;
//此处拿到隐藏列的值
var name = $('#datatable').DataTable().row(index).data().name;// name是"columns" { "data": "name"},里面对应的name
layer.msg("点击_"+index+"_行,名字:"+name)
//点击空白无效(一些特殊情况有用)
if(name == undefined || name == ""){
return false;
}

(1)鼠标移动到 行 上时,行背景高亮显示

$('#datatable tbody')
.on( 'mouseover', 'tr', function () {
$(this).children().addClass( 'highlight' );
} )
.on( 'mouseleave', 'tr', function () {
$(this).children().removeClass( 'highlight' );
} );
td.highlight {
background-color: whitesmoke !important;
}

选中id = “datatable” 的表格

----附一:JS的初始化 顺序 和 位置 很重要,很多情况就是 初始化位置 不正确,没有生效

Datatables一些常见的JS用法(多与表格有关)的更多相关文章

  1. xss其他标签下的js用法总结大全

    前段时间我遇到一个问题,就是说普通的平台获取cookie的语句为↓           Default <script src=js地址></script> 1 <scr ...

  2. jquery.validate.min.js 用法方法示例

    页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  3. jquery.cookie.js 用法

    jquery.cookie.js 用法   一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 j ...

  4. 移动端下拉刷新,iScroll.js用法(转载)

    本文转载自: iScroll.js 用法参考 (share)

  5. 页面常见效果js实现

    2015.12.2 页面常见效果js实现 [有没有觉得很坑,[笑哭,邮箱写上]] 复习: Js内置对象: 1.浏览器对象 window document history location event  ...

  6. python爬虫的一个常见简单js反爬

    python爬虫的一个常见简单js反爬 我们在写爬虫是遇到最多的应该就是js反爬了,今天分享一个比较常见的js反爬,这个我已经在多个网站上见到过了. 我把js反爬分为参数由js加密生成和js生成coo ...

  7. jq和js用法:入口写法

    jq和js入口写法demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

  8. MySQL · 性能优化 · MySQL常见SQL错误用法(转自-阿里云云栖社区)

    作者:阿里云云栖社区链接:https://zhuanlan.zhihu.com/p/26043916来源:知乎著作权归作者所有,转载请联系作者获得授权. 前言 MySQL在2016年仍然保持强劲的数据 ...

  9. 常见的JS手写函数汇总(代码注释、持续更新)

    最近在复习面试中常见的JS手写函数,顺便进行代码注释和总结,方便自己回顾也加深记,内容也会陆陆续续进行补充和改善. 一.手写深拷贝 <script> const obj1 = { name ...

随机推荐

  1. 详解ASP.NET Core API 的Get和Post请求使用方式

    上一篇文章帮助大家解决问题不彻底导致博友使用的时候还是遇到一些问题,欢迎一起讨论.所以下面重点详细讲解我们常用的Get和Post请求( 以.net core2.2的Http[Verb]为方向 ,推荐该 ...

  2. Multiple markers at this line - Missing semicolon时的解决方法

    Myeclipse的web项目中的js文件报Multiple markers at this line - Missing semicolon时的解决方法 MyEclipse的web项目中的js文件报 ...

  3. Docker构建一个node镜像

    0. 设置国内docker镜像源 进入Settings->Daemon->Advanced,添加如下配置. { "registry-mirrors": [ " ...

  4. 使用C#创建Windows服务 并发布Windows 服务

    一.开发环境 操作系统:Windows 10 X64 开发环境:VS2015 编程语言:C# .NET版本:.NET Framework 4.0 目标平台:X86 二.创建Windows Servic ...

  5. 用R语言做数据清理

    数据的清理 如同列夫托尔斯泰所说的那样:“幸福的家庭都是相似的,不幸的家庭各有各的不幸”,糟糕的恶心的数据各有各的糟糕之处,好的数据集都是相似的.一份好的,干净而整洁的数据至少包括以下几个要素: 1. ...

  6. js if判断示例

    ){ ){ console.log("%0 pass") }else{ $(,v,function() { fla=; }); } }){ ){ console.log(" ...

  7. Python自学:第三章 使用del语句删除元素

    motorcycles = ["honda", "yamaha", "suzuki"] print(motorcycles) del mot ...

  8. UML作业第三次

    一.学习小结 类之间的关系通过符号定义 : 使用.. 来代替 -- 可以得到点 线. 例如: @startuml Class01 <|-- Class02 Class03 *-- Class04 ...

  9. 【Java】【14】从后往前每隔n位加逗号(用于货币)

    1,String类型的数据 /** * @param strValue 待处理的数 * @param num 隔的位数 */ public static String separateStr(Stri ...

  10. 关于node

    nodejs npm常用命令 npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准.有了npm,可以很快的找到特定服务要使用的包,进行下载.安装以及管理已经安装的包. ...