作者:书友58684991 | 来源:互联网 | 2023-09-08 13:20
我的数据表项目存在多个问题。这是代码:
HTML:
Index |
Some headline |
---|
1 |
Some information |
Javascript:
const table = $('#dt').DataTable({
'columnDefs': [
{'targets': [0],'visible': false}
],stateSave: true,stateDuration: 0
});
$(document).on('click','#dt tbody tr',function () {
let td = table.row(this).data()[0];
//get data-href attribute???
});
这是我的问题
第一,每当我单击一行时,我都想打开前中提供的链接。对于这种情况,我尝试使用table.row(this).data()[0] (请注意,此是隐藏的!),但这只是返回文本(在这种情况下,数字/索引为1)。 如何访问 hidden 元素并检索data-href 属性?
第二个问题:我正在使用stateSave 选项,并将其保存到localStorage (stateDuration:0) 。现在我注意到,每当我对表进行更改时(例如,隐藏/取消隐藏列)。更改实际上永远不会发生,因为它会将表信息从localStorage 中提取出来。 如何在每次进行更改时强制更新表架构?使用stateSave 时是否可以忽略表列(可见:true / false)? 第二个问题的解决方案: const table = $('#dt').DataTable({ 'columnDefs': [ {'targets': [0],stateDuration: 0,stateSaveParams: function (settings,data) { data.columns.forEach(function (column) { delete column.visible; //exclude what you dont want }); } });
也请仅回答一个问题。我真的在这个问题上苦苦挣扎,没有任何可能的解决方案。谢谢
隐藏的列已从dom中删除。您可以将void foo(int **arr)
值作为属性添加到href 节点本身,或通过API进行访问: 您可以将$(document).on('click','#dt tbody tr',function () { const href = table.cell({ row: 0,column: 0,order: 'original' }).node().getAttribute('data-href') console.log(href) //will always output http://localhost/linkforid/1 })
添加到to$() 并将nodes() 节点作为jQuery实例。顺便说一句, 会更快,因为代码不必每次都从第一个节点开始穿过dom。 , 第一个问题,请尝试使用它代替访问行数据的子数组。 library(dplyr) df1 %>% mutate(DateTime = as.POSIXct(DateTime),diffTime = replace(DateTime,DataType != "Depth",NA)) %>% arrange(ID,DateTime) %>% group_by(ID) %>% tidyr::fill(diffTime) %>% mutate(diffTime = difftime(DateTime,diffTime,units = "secs")) %>% slice({i1 <- which(DataType == 'Activity' & diffTime <180);c(i1-1,i1)}) %>% select(-diffTime) # ID DateTime DataType Value # #1 1 2017-05-08 10:19:31 Depth 24 #2 1 2017-05-08 10:21:32 Activity 1.1 #3 2 2017-05-08 10:21:27 Depth 20 #4 2 2017-05-08 10:23:48 Activity 0.4 #5 3 2017-05-08 10:13:23 Depth 17 #6 3 2017-05-08 10:16:07 Activity 1.35
第二个问题,在DataTable上使用let td = $(this).children("td:nth-child(1)").data("href");
和stateSaveCallback 选项。 stateLoadCallback
我还没有尝试过。但是,希望它能起作用!
推荐阅读
-
IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ...
[详细]
蜡笔小新 2023-12-12 13:43:58
-
Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ...
[详细]
蜡笔小新 2023-12-12 15:59:36
-
-
本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ...
[详细]
蜡笔小新 2023-12-10 12:35:46
-
IhaveawebapplicationthatusesanActiveXCOMcomponent,forexample:我有一个使用ActiveXCOM组件的Web应用程 ...
[详细]
蜡笔小新 2023-10-16 08:07:22
-
我正在学习网络性能课程,其中共享以下代码:Interestingoperatorconstobjects ...
[详细]
蜡笔小新 2024-09-29 14:49:44
-
本节书摘来自异步社区《ASP.NETMVC4实战》一书中的第1章,第1.3节,作者:【美】JeffreyPalermo,【美】JimmyB ...
[详细]
蜡笔小新 2024-09-27 12:32:28
-
IamcurrentlyworkingonashoppingcartapplicationusingMVC5andhavearequirementtoallowedi ...
[详细]
蜡笔小新 2024-09-25 16:15:00
-
HTML5虽然只是一个技术标准,但是眼下更多承载着颠覆苹果与谷歌移动生态的理想。我并不想单纯从技术角度谈论HTML5的现实处境,因为技术从来不会成为发展的绝对瓶颈,尤其是HTML5 ...
[详细]
蜡笔小新 2024-09-24 23:38:22
-
我正在使用jQuery并让服务器代码返回以下值0:SELECTONE;1:VALUE1;2:VALUE2etc如何将其填充到 ...
[详细]
蜡笔小新 2024-09-24 21:44:34
-
本文目录一览:1、java中几种解析html的工具 ...
[详细]
蜡笔小新 2024-09-24 17:43:56
-
本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ...
[详细]
蜡笔小新 2023-12-13 20:01:16
-
IamtryingtodrawpolarcurvesonHTMLcanvasusingJavascript.WhatshouldIdowhenIwanttoco ...
[详细]
蜡笔小新 2023-12-11 18:14:13
-
Ihaveaforminadirectivetemplate:我在指令模板中有一个表单:<formn ...
[详细]
蜡笔小新 2023-10-17 12:22:38
-
2019独角兽企业重金招聘Python工程师标准Apeer-to-peerdatabaseforthedecentralizedwebOrbitDBisaserverless ...
[详细]
蜡笔小新 2023-10-16 15:17:57
-
表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ...
[详细]
蜡笔小新 2023-10-15 18:44:55
-
书友58684991
这个家伙很懒,什么也没留下!
|
|
|
|
|