Autocompletion คือการแสดงข้อมูลที่เหลือหรือใกล้เคียงออกมาแสดงเป็น list รายการในช่องเดียวกับที่ค้นหา ดังตัวอย่างต่อไปนี้
ซึ่งลักษณะการใช้งานนั้นเราสามรถเขียนได้ที่ Form Widget ภายใต้ฟิวด์ dropdown ซึ่งภายใต้ dropdown เอง ก็มีelements หลายตัวที่สามารถใช้ในการสร้าง Autocompletion เพื่อแสดงข้อมูลได้:
ซึ่งต้องคู่กับการใช้ auto-complete หากไม่เช่นนั้นแล้วก็จะเป็นแค่ dropdown ธรรมดา เรามาดูวิธีการใช้งานกันเลยครับ หากว่าเราสร้าง dropdown เสร็จแล้วก็เพิ่ม tag <auto-complete> ซึ่งมี attributes ดังต่อไปนี้.
auto-select
frequency
min-chars
choices
partial-search
partial-chars
ignore-case
full-search
ต่อไปเป็นตัวอย่างการใช้งานจริง
This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
0 comments:
Post a Comment