Layui之table中的radio在切换分页时无法记住选中状态

情景描述

• Layui数据表格中用到了表单元素radio，在当前页面选中radio状态，并同步更新到保存表格中所有的数据的数组中（获取表格中的所有数据并保存到数组中），再点击分页组件中的下一页、上一页、跳转按钮进行切换另外一个页面，然后在切换回之前的页面，会发现在以前页面上radio状态全部恢复默认了，我们当然是希望能保存住前一页radio的选中状态。
• 我写项目遇到的一个的情况：在第一页选中的radio的状态，点击下一页按钮切换到第二页，然后再点击上一页切换会第一页，第一页中的radio状态就恢复默认了。

原因分析

点击分页组件中的小组件进行切换页面时，渲染切换到的目标页面所使用的数据并不是更新后的tableContent中的数据，而是使用的table模块缓存中的数据，而我们只更新完tableContent中的数据时它并不会同步更新table模块缓存中的数据，所以导致了切换页面的时候无法记住radio的状态。

解决办法

弄清楚问题原因解决起来就很简单了，只需要再点击radio的时候，同步更新tableContent中的数据和table模块缓存中的数据就可以了（数据是放在table的cache属性中的，如下图）。

数据表格