跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • Jquery Datatable 前端分页 Checkbox 跨页全选的问题
未分類
3 5 月 2021

Jquery Datatable 前端分页 Checkbox 跨页全选的问题

Jquery Datatable 前端分页 Checkbox 跨页全选的问题

資深大佬 : piaochen0 0

业务需求:
有一个主机列表,大概几百条数据,一次性发给前端,使用 DataTable 在前端进行分页后,使用 Checkbox 进行选择后,再发送给后端处理。
前端进行分页,要支持跨页全选,选择等功能。

问题:
DataTable 怎么跨页对 Checkbox 进行全选?现在发现 Datatable 其实应该有地方存储了 checkbox 的状态,推断应该找到相关的地方,设置下所有 row 对应 checkbox 的状态就可以了。但是没有找到这样的 api

大佬有話說 (7)

  • 資深大佬 : lichdkimba

    localstorage 强行存状态?

  • 資深大佬 : maocat

    localstorage

  • 主 資深大佬 : piaochen0

    @maocat #2 感觉不是 local storage 啊,浏览器调试了下,local storage 里面没有东西,清空了后,之前的状态还是在的

  • 資深大佬 : muunala10221

    全选设置一个单独变量存储 ,翻页根据变量状态设置勾选与否

  • 資深大佬 : maocat

    @piaochen0 你没理解到,localstorage 是你自己将状态封装进去,而不是他给你存好了,比如
    你做了
    localstorage.setItem(“123”, 456 )
    在你页面刷新后,你依旧可以取出这个值
    localstorage.getItem(“123″)// 456
    当然你还有许多细节需要处理,比如第一次进入页面的时候 localstorage 对应的数据应该是空的

  • 資深大佬 : kop1989

    lz 说的 dataTable 是这个么: https://datatables.net/
    大概看了一下,他 api 里有一个 rows()方法,描述是选中表格中的多行,这个是不是就可以实现?

  • 主 資深大佬 : piaochen0

    @kop1989 #6 这个我也看了,dataTable 自带了一个选中的功能,但是表现形式是对某一行选中,让其这行变色,不是 checkbox 的方式。这种他们提供了你说的这个 api,可以直接用。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具