我想用Dropdown
組件,並提供兩個選項OK
和reset
按鈕(如Table例如提供),Antd下拉組件與OK和復位選項
經過一番研究,我沒有找到這方面有任何提及功能Dropdown或Menu組件api,
有沒有人在Table
組件之外實現了這種功能,任何輸入如何工作?
我想用Dropdown
組件,並提供兩個選項OK
和reset
按鈕(如Table例如提供),Antd下拉組件與OK和復位選項
經過一番研究,我沒有找到這方面有任何提及功能Dropdown或Menu組件api,
有沒有人在Table
組件之外實現了這種功能,任何輸入如何工作?
根據github上這樣的功能this問題可以通過Popover
與Menu
+ Buttons
您將希望通過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/
實現了組件的OK
和RESET
選項的代碼爲table
下拉這裏(https://github.com/ant-design/ant-design/blob/master/components/table/filterDropdown.tsx#L196-L222)具體實施。
你可以用類似的方法實現它(也就是把Menu
換成div並自己處理事件)或者你可以創建一個ant設計github票據並詢問a)這應該是設計規範的一部分,b)是否應該有這個消費
非常感謝這段代碼,是的,在github中打開這個問題來提供這個API:https://github.com/ant-design/ant-design/issues/5733 – zooblin
如何jQuery的關聯在這裏達到了reusuable方式?請在回答 – zooblin
之前閱讀問題此API看起來像一個HTML擴展,我錯了嗎?任何HTML對象都有自己的事件,因此您可以使用Jqeury綁定API本身不支持的事件。 如果您的API沒有Changed事件,那麼您可以通過我在該處發佈的內容掛鉤到對象的更改事件。 –