ผู้ดูแลระบบตอบสนองการเติมข้อความอัตโนมัติในตัวกรอง

จะใช้ส่วนประกอบเติมข้อความอัตโนมัติจาก UI วัสดุเป็นตัวกรองในรายการเพื่อกรองข้อมูลของ Datagrid ได้อย่างไร ฉันต้องการตัวอย่างในการทำเช่นนี้ ฉันต้องควบคุมข้อมูลใน DataGrid ตามสิ่งที่ฉันเลือกในคอมโบ ตัวอย่างแบบฟอร์ม: ใส่คำอธิบายรูปภาพที่นี่


person user3646212    schedule 08.07.2020    source แหล่งที่มา
comment
ฉันจะเริ่มดูที่ material-ui.com/components/autocomplete ฉันหวังว่านี่จะช่วยได้!   -  person norbitrial    schedule 08.07.2020
comment
ฉันต้องการกรอง DataGrid ตามผลลัพธ์ของ Combobox ฉันได้อัปเดตคำถามของฉันด้วยแบบฟอร์มตัวอย่างแล้ว   -  person user3646212    schedule 08.07.2020


คำตอบ (1)


การเติมข้อความอัตโนมัติของ Material UI ทำงานได้ดีกับ React Hooks เช่นกัน:

https://material-ui.com/api/autocomplete/

ฉันสร้างแซนด์บ็อกซ์นี้ซึ่งมีการเติมข้อความอัตโนมัติสำหรับทั้งการเลือกเดี่ยวและการเลือกหลายรายการพร้อมค่าการกรองในกราฟ:

https://codesandbox.io/s/highcharts-react-simple-chart-w525v?file=/demo.jsx

person Sourabh Lalwani    schedule 09.07.2020