2017-04-09 23 views
0

我想用Dropdown組件,並提供兩個選項OKreset按鈕(如Table例如提供),Antd下拉組件與OK和復位選項

經過一番研究,我沒有找到這方面有任何提及功能DropdownMenu組件api,

有沒有人在Table組件之外實現了這種功能,任何輸入如何工作?

回答

0

根據github上這樣的功能this問題可以通過PopoverMenu + Buttons

-3

您將希望通過javascript/jQuery綁定到更改事件。

$(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/

+0

如何jQuery的關聯在這裏達到了reusuable方式?請在回答 – zooblin

+0

之前閱讀問題此API看起來像一個HTML擴展,我錯了嗎?任何HTML對象都有自己的事件,因此您可以使用Jqeury綁定API本身不支持的事件。 如果您的API沒有Changed事件,那麼您可以通過我在該處發佈的內容掛鉤到對象的更改事件。 –

1

實現了組件的OKRESET選項的代碼爲table下拉這裏(https://github.com/ant-design/ant-design/blob/master/components/table/filterDropdown.tsx#L196-L222)具體實施。

你可以用類似的方法實現它(也就是把Menu換成div並自己處理事件)或者你可以創建一個ant設計github票據並詢問a)這應該是設計規範的一部分,b)是否應該有這個消費

+0

非常感謝這段代碼,是的,在github中打開這個問題來提供這個API:https://github.com/ant-design/ant-design/issues/5733 – zooblin