Datatables一些常见的JS用法(多与表格有关)
**********************--倒--序--上--升--(方便新增、更新)***********************
(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用法(多与表格有关)的更多相关文章
- xss其他标签下的js用法总结大全
前段时间我遇到一个问题,就是说普通的平台获取cookie的语句为↓ Default <script src=js地址></script> 1 <scr ...
- jquery.validate.min.js 用法方法示例
页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
- jquery.cookie.js 用法
jquery.cookie.js 用法 一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 j ...
- 移动端下拉刷新,iScroll.js用法(转载)
本文转载自: iScroll.js 用法参考 (share)
- 页面常见效果js实现
2015.12.2 页面常见效果js实现 [有没有觉得很坑,[笑哭,邮箱写上]] 复习: Js内置对象: 1.浏览器对象 window document history location event ...
- python爬虫的一个常见简单js反爬
python爬虫的一个常见简单js反爬 我们在写爬虫是遇到最多的应该就是js反爬了,今天分享一个比较常见的js反爬,这个我已经在多个网站上见到过了. 我把js反爬分为参数由js加密生成和js生成coo ...
- jq和js用法:入口写法
jq和js入口写法demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
- MySQL · 性能优化 · MySQL常见SQL错误用法(转自-阿里云云栖社区)
作者:阿里云云栖社区链接:https://zhuanlan.zhihu.com/p/26043916来源:知乎著作权归作者所有,转载请联系作者获得授权. 前言 MySQL在2016年仍然保持强劲的数据 ...
- 常见的JS手写函数汇总(代码注释、持续更新)
最近在复习面试中常见的JS手写函数,顺便进行代码注释和总结,方便自己回顾也加深记,内容也会陆陆续续进行补充和改善. 一.手写深拷贝 <script> const obj1 = { name ...
随机推荐
- 【搬运工】修改mysql数据库的时区
转载:https://blog.csdn.net/huangyuehong914/article/details/81742039 --------------------- ------------ ...
- 剑指offer 07:斐波那契数列
题目描述 大家都知道斐波那契数列,现在要求输入一个整数n,请你输出斐波那契数列的第n项(从0开始,第0项为0).(n<=39) 法一: public class Solution { publi ...
- Spring定时任务@Scheduled注解使用方式
1.开篇 spring的@Scheduled定时任务相信大家都是十分熟悉.最近在使用过程中发现了一些问题,写篇文章,和大家分享一下.结论在最后,不想看冗长过程的小伙伴可以直接拉到最后看结论. 2.简单 ...
- php 发邮件的2种方式(使用stmp类、使用socket协议)
方式1:使用stmp类发送邮件 代码: stmp.php <?php header("Content-Type: text/html; charset=utf-8"); cl ...
- Descriptio Resource Path LocationType Archive for required library: 'D:/apache-maven/apache-maven-3.6.0/mavenrepository/org/springframework/spring-aspects/4.3.7.RELEASE/spring-aspects-4.3.7.RELEASE.
eclipse创建了一个maven项目后,在导入依赖包后返现项目有个红色刺眼的感叹号,再看控制台有个Problem提示 Descriptio Resource Path LocationType Ar ...
- Cordova入门系列(一)创建项目
Cordova是什么? 初学Cordova的人,虽然了解一点点,知道Cordova是用来将html, css, js变成app的,但并不知道到底是怎么用的,原理是什么.经常会有这样的困惑: 它是一个可 ...
- redis缓存中间件基础
前序: 默认使用SimpleCacheConfiguration 组件ConcurrentMapCacheManager==ConcurrentMapCache将数据保存在ConcurrentMap& ...
- [Windows] 重新安装/卸载桌面版OneDrive / Reinstall/ Uninstall Desktop Version OneDrive
Deep within the OS is a backup copy of the OneDriver installer. To find it, go to File Explorer> ...
- Write Sling Servlet using a resource type and selector
@SlingServlet( resourceTypes = "geometrixx/components/homepage", selectors = "data&qu ...
- 使用 HttpClient 进行文件上传
1.使用 AddPart 方法 public static void upload(String authorization,String baseUrl,String filePath,String ...