หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เลือก. js


Selectize เป็นแบบกำหนดเองที่ใช้งานได้ง่าย <select> ; การควบคุม UI มันมีประโยชน์สำหรับการติดแท็กรายชื่อผู้ติดต่อตัวเลือกประเทศและอื่น ๆ เป้าหมายคือการมอบประสบการณ์ที่แข็งแกร่งและใช้งานได้ด้วย API ที่สะอาดและทรงพลัง

  • การสาธิต
  • การเปลี่ยนแปลง
  • เอกสาร

คุณสมบัติ

  • ตัวเลือกการค้นหา / การจัดอันดับตัวเลือกอัจฉริยะ ได้รับคะแนนอย่างมีประสิทธิภาพและเรียงลำดับทันที (โดยใช้ sifter) ต้องการค้นหาชื่อ และ คำอธิบายของรายการหรือไม่? ไม่มีปัญหา.
  • ดูแลระหว่างรายการ เรื่องสำคัญบางครั้ง ใช้ปุ่ม ← และ → ลูกศรเพื่อย้ายระหว่างรายการที่เลือก
  • เลือกและลบหลายรายการในครั้งเดียว ค้าง ไว้ที่ Mac หรือ Ctrl บน Windows เพื่อเลือกมากกว่าหนึ่งรายการเพื่อลบ
  • Díåcritîçsสนับสนุน ยอดเยี่ยมสำหรับสภาพแวดล้อมระหว่างประเทศ
  • การสร้างรายการ อนุญาตให้ผู้ใช้สร้างรายการได้ทันที (รองรับการประหยัด Async;
  • การโหลดข้อมูลระยะไกล สำหรับเมื่อคุณมีตัวเลือกนับพันและต้องการให้พวกเขาได้รับจากเซิร์ฟเวอร์เป็นประเภทผู้ใช้
  • ทำความสะอาดอินเทอร์เฟซ API และรหัส ด้วยและทำการปรับเปลี่ยนได้อย่างง่ายดาย ยินดีต้อนรับคำขอดึงเสมอ!
  • ปลั๊กอิน API ที่ขยายได้ สำหรับการพัฒนาคุณสมบัติที่กำหนดเอง (ใช้ microplugin)
  • การสนับสนุนการสัมผัส เล่นได้ดีกับอุปกรณ์ iOS 5+

การพึ่งพาอาศัยกัน

  • jQuery (1.7 และยิ่งใหญ่กว่า) เป็นผู้พึ่งพาเพียร์
    • หมายเหตุ: มันถูกติดตั้งโดยอัตโนมัติในการพัฒนาหรือในโครงการโดยใช้ NPM 1 หรือ 2 เมื่อใช้ NPM จากเวอร์ชัน 3 บนเพียงแค่คำเตือนจะถูกโยนทิ้งและผู้ใช้จำเป็นต้องติดตั้งเวอร์ชันที่ชัดเจนในโครงการของตนเอง (เช่น npm install --save [email protected] )

ไม่จำเป็น:

  • jQuery-ui (ต้องการโดยปลั๊กอิน drag_drop )

การติดตั้ง

เลือกสามารถติดตั้งผ่าน NPM npm install @selectize/selectize

การติดตั้งด้วยตนเอง

ไฟล์ที่สร้างไว้ล่วงหน้าทั้งหมดที่จำเป็นในการใช้ Selectize สามารถพบได้ในโฟลเดอร์ "DIST"

หากคุณกำลังมองหาการเริ่มต้นด้วยความยุ่งยากน้อยที่สุดให้รวม selectize.min.js (การพึ่งพา sifter และ microplugin-รวมถึงการแก้ไขข้อบกพร่องสำหรับการดีบักเพียงลบส่วน .min ) และ css/selectize.default.css

Selectize สามารถใช้ได้ที่ CDNJS

  • JS/
    • เลือก. js - ด้วยการพึ่งพาลบ jQuery
    • selectize.min.js - ด้วยการพึ่งพา, ลบ jQuery
  • SCSS/ - SASS Source Files สำหรับการปรับแต่ง (Bootstrap 3+ เข้ากันได้)
  • น้อยกว่า/ - ไฟล์ต้นฉบับน้อยกว่าสำหรับการปรับแต่ง (Bootstrap 2/3 เข้ากันได้)
  • CSS/
    • Selectize.css - สไตล์หลัก
    • Selectize.default.css - ธีมเริ่มต้น (พร้อมรูปแบบหลัก)
    • SELECTIZE.BOTSTRAP2.CSS - ธีม Bootstrap 2
    • เลือก. bootstrap3.css - ธีม bootstrap 3
    • เลือก. bootstrap4.css - ธีม bootstrap 4
    • เลือก. bootstrap5.css - bootstrap 5 ธีม

การใช้งาน 

 $ ( "select" ) . selectize ( options ) ;

ตัวเลือกที่มีอยู่มีการบันทึกไว้ที่นี่

การบริจาค

เมื่อออกคำขอดึง:

  • โปรด อย่ารวม/ กระทำการเปลี่ยนแปลงใน dist/ หรือ lib/ โฟลเดอร์ เพื่อหลีกเลี่ยงความขัดแย้งที่ผสาน วิธีที่ดีในการรวมไฟล์ที่ถูกต้องคือการใช้ git gui หรือ git add เมื่อมุ่งมั่นที่จะเลือกไฟล์ที่คุณต้องการเพิ่มลงในการประชุมของคุณ

  • โปรด รวมการทดสอบ ด้วยคุณสมบัติของคุณเพื่อที่เราจะได้ไม่ถูกล่อลวงให้ทำลายมันในอนาคต!

เพิ่มรายการไปที่ด้านบนของการเปลี่ยนแปลงและอัปเดตเอกสารใน docs/ ตามต้องการ (refactors และการเปลี่ยนแปลงเอกสารไม่จำเป็นต้องมีรายการ changelog)

สควอชการกระทำของคุณเข้าด้วยกันในหนึ่งหรือสองสามข้อตกลงเชิงตรรกะที่สมบูรณ์พร้อมด้วยข้อความที่กระชับและอธิบาย หนึ่งการกระทำหมายถึงหนึ่งคุณสมบัติ/ข้อผิดพลาด/สิ่งที่เปลี่ยนแปลงหรือ diff นำรหัสหนึ่งก้าวไปข้างหน้าสู่สถานะการทำงานที่ดีขึ้น

เมื่อการกระทำของคุณดีและสะอาดและคุณต้องการ ยกเลิกการเปลี่ยนแปลงอื่น ๆ คุณสามารถใช้ git checkout . (นั่นจะลบการเปลี่ยนแปลงไฟล์ที่ติดตาม) และ git clean [-i/--interactive] (เพื่อลบไฟล์ที่ไม่ได้ติดตาม) อย่างไรก็ตามระวังคำสั่งเหล่านั้นเนื่องจากฟังก์ชั่นของพวกเขาคือการลบสิ่งต่าง ๆ/การเปลี่ยนแปลง

อย่างไรก็ตามระวังอย่าเพิ่ม dist/ ไฟล์ในการประชุมของคุณเนื่องจาก Grunt จะสร้างไฟล์ใน dist/ As โดยอัตโนมัติ

การทดสอบ

โปรดตรวจสอบให้แน่ใจว่าการทดสอบทั้งหมดผ่าน: 

npm test # defaults to ChromHeadless
BROWSERS=Firefox npm test
BROWSERS=Firefox,Chrome npm test
BROWSERS=Firefox,Chrome,Safari npm test

สภาพแวดล้อมในท้องถิ่น

ในการเรียกใช้เลือกในเครื่อง: 

npm start

จากนั้นคุณสามารถเรียกใช้ตัวอย่างได้ที่ https://loopback.website:4000/

ใบอนุญาต

ลิขสิทธิ์© 2013–2016 Brian Reavis & ผู้สนับสนุน
ลิขสิทธิ์© 2020-2022 เลือกทีมและผู้สนับสนุน

ได้รับใบอนุญาตภายใต้ใบอนุญาต Apache เวอร์ชัน 2.0 ("ใบอนุญาต"); คุณไม่สามารถใช้ไฟล์นี้ยกเว้นตามใบอนุญาต คุณอาจได้รับสำเนาใบอนุญาตที่: http://www.apache.org/licenses/license-2.0

เว้นแต่ว่ากฎหมายที่บังคับใช้หรือตกลงเป็นลายลักษณ์อักษรซอฟต์แวร์ที่แจกจ่ายภายใต้ใบอนุญาตจะถูกแจกจ่ายตาม "ตามพื้นฐาน" โดยไม่มีการรับประกันหรือเงื่อนไขใด ๆ ไม่ว่าจะโดยชัดแจ้งหรือโดยนัย ดูใบอนุญาตสำหรับภาษาเฉพาะที่ควบคุมการอนุญาตและข้อ จำกัด ภายใต้ใบอนุญาต

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด