做一个影视网站常见的筛选展示功能

[机杼]

不知道咋通过button微件来改变按钮颜色，就只好通过直接展示文本来确立按钮选择的内容了。

[机杼]

应该button和radio和select共同使用。如果只有四五个选项，那选radio就比较好。如果有十来个选项，那么就选button，如果更多的话，那么用select，就比较好。

而且最好的是能够前面的筛选对后面的筛选也有效果。也就是一个整体筛选。明天试试。

[oeyoews]

不太清楚 wikitext 用的不多

[机杼]

@oeyoews 好的，谢谢。

[机杼]

差不多有了一个简单的雏形了。而且可以快速复制筛选式。后面可以搞一个新建条目的方式。这样方便保存。

[hulu2024]

@机杼

\define testCreate()
<$action-listops $tiddler=<<currentTiddler>> $tags="+[cycle[selected notselect]]" />
\end

<$setvars
_a={{{[<currentTiddler>get[tags]]}}}
_b="btn-success"
_c="btn-light"
a="a"
b="b"
c="c">
<$button actions=<<testCreate>> class={{{[<a>match[selected]then<b>else<c>]}}} >test</$button>
</$setvars>

你试一下，这样按钮可以变颜色

[oeyoews]

@hulu2024 https://github.com/tobibeer/tw5-setvars/blob/master/src/widget.js 看了下setvar widget 果然看不懂

[hulu2024]

\define testCreate()
<$action-listops $tiddler=<<currentTiddler>> $tags="+[cycle[selected notselect]]" />
\end

<$button actions=<<testCreate>> class={{{[<currentTiddler>get[tags]match[selected]then[btn-success]else[btn-info]]}}} >test</$button>

这块用setvars突然觉得有点多余，这样也可以。

[hulu2024]

@oeyoews 我就只是简单会用，源码没看过

[机杼]

2024-03-14 19-55-16.mp4

大概做出来了。效果类似上面的视频。现在就是担心数据量一大，可能会造成卡顿。因为要筛选的项目非常多，上面也只是一部分。基本上可以做到共同筛选了。

但还不能更快速。比如我标签选择了社会学，那么下面的出版社应该就只有少数几个选项。因为社会学的书籍只有少数几本。这种更快的筛选方式现在还不能实现。

目前先这样，后面有需要再改进。同样也是后面有时间再看出个教程啥的。主要是掌握setvars插件。

plugins — docs for plugins by tobibeer

(tobibeer.github.io)

快十年前的插件了。未来能不能继续与太微兼容也是一个问题。而且现在也是处于没有人维护的状态。只能是先用着了。

[hulu2024]

@hulu2024

<$list filter="A B C D" variable="a">
<$button class={{{[[asas]getindex[字母]match<a>then[btn-dark]else[btn-light]]}}} ><$action-setfield $tiddler="asas"  $index="字母" $value=<<a>>/><$action-setfield $tiddler=<<currentTiddler>>  $field="字母" $value=<<a>>/><<a>></$button></$list>


* 字母:{{!!字母}}

多个按钮，选中其中一个然后变颜色。