Question

我想使用Dropdown组件并提供两个选项OK和reset按钮（如Table示例中所示），

经过一些研究后，我在Dropdown或Menu组件api中找不到有关此功能的提及，

有没有人在Table组件之外实现此类功能，任何输入如何工作？

Answer 1

实现该组件的OK和RESET选项的代码专门针对table下拉列表（https://github.com/ant-design/ant-design/blob/master/components/table/filterDropdown.tsx#L196-L222）实现。

你可以类似地实现它（即用{div包装Menu并自己处理事件）或者你可以创建一个ant设计github票据并询问a）这应该是设计规范的一部分， b）是否应该有一种可重复使用的方式来消费这个

Answer 2

根据github中的this问题，Popover + Menu

可通过Buttons获取此类功能

Answer 3

您将希望通过javascript / jQuery绑定到change事件。

在$(document.ready()上，您可以调用将执行此绑定的函数。

然后，您只需通过jQuery选择器检查下拉列表的值。

<script>
$(document).ready(function() {
    $("dropdownSelector").change(function() {
        var val = $(this).value();
        //logic to do things
    });
});
</script>

您可以在此处查看使用jQuery选择器的不同方法：https://api.jquery.com/category/selectors/

具有OK和重置选项的Antd Dropdown组件

3 个答案: