数据表按外部按钮/链接过滤
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了数据表按外部按钮/链接过滤相关的知识，希望对你有一定的参考价值。
我正在尝试使用桌面旁边的树视图类型的按钮/链接来过滤搜索我的表格。这是设计：
答案
const data = [
'a-T1-2016-01',
'b-T1-2016-01',
'c-T1-2016-02',
'd-T1-2015-01',
'e-T1-2015-01',
'f-T1-2016-03',
]
$('[data-filter]').click(function() {
const filterStr = $(this).attr('data-filter')
alert(data.filter((x) => x.includes(filterStr)).join(','))
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>
<a data-filter="2015">2015</a>
<ul>
<li>
<a data-filter="T1-2015">Type1</a>
<ul>
<li>
<a data-filter="T1-2015-01">01</a>
</li>
<li>
<a data-filter="T1-2015-02">02</a>
</li>
<li>
<a data-filter="T1-2015-03">03</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a data-filter="2016">2016</a>
<ul>
<li>
<a data-filter="T1-2016">Type1</a>
<ul>
<li>
<a data-filter="T1-2016-01">01</a>
</li>
<li>
<a data-filter="T1-2016-02">02</a>
</li>
<li>
<a data-filter="T1-2016-03">03</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>以上是关于数据表按外部按钮/链接过滤的主要内容，如果未能解决你的问题，请参考以下文章