Datatables jQuery Plugin Search Filed With Codeigniter (Path2)
8 สิงหาคม พ.ศ. 2559 กฤตวัชร์ ไชยสิงห์ทอง สำนักคอมพิวเตอร์ เปิดอ่านแล้ว 0 ครั้ง

Path1 (Datatables jQuery Plugin With Codeigniter & MySql) : http://my.ict.buu.ac.th/Blog/Lists/Posts/Post.aspx?ID=2244

          Datatables มี Plugin เสริมตัวนึง ชื่อ Column Filter (jquery.dataTables.columnFilter.min.js) ซึ่งจะช่วยทำให้เรากรองข้อมูลที่เราจะค้นหาได้ง่ายขึ้น

ตัวอย่าง Code ในส่วนของ View

บรรทัดที่ 6-13 : จะเป็นส่วนของ Column Filter ที่เพิ่มขึ้นมา

 

ตัวอย่าง Code ในส่วนของ Controllers

ในส่วนของ Controllers ยังคงเหมือนเดิมศึกษาเพิ่มเติมได้จาก (Path1)

 

ตัวอย่าง Code ในส่วนของ Models

ในส่วนของ Models ที่เพิ่มเติมมาก็จะมี

บรรทัดที่ 11-16 : ทำการรับค่า POST ที่ตัว Column Filter ส่งมาให้

บรรทัดที่ 38-65 : เป็นการนำค่าที่ได้จากการ Filter มา Search ในฐานข้อมูล

 




ตัวอย่าง Code ในส่วนของ Script
ในส่วนนี้จะเป็น Script ของตัว Datatables ให้นำ Script ชุดนี้ไปไว้ใน File Script กลางของระบบนั้นๆ

บรรทัดที่ 21-23 : ในส่วนนี้จะเป็น Function CallBack ของ Datatables ใช้ในกรณีที่มีงานใช้งาน jQuery Plugin อื่นๆ หรือ Function การทำงานต่างๆร่วมกับตัว Datatables

 

Script ชุดนี้จะเป็นของ Column Filter ที่เพิ่มเติมขึ้นมาจากเดิม

บรรทัดที่ 5-20 : จะใส่ตาม Column ที่เราต้องการจะ Filter โดยถ้า Column ไหนที่เราไม่ต้องการ Filter ให้ใส่เป็น null และถ้า Column ไหนที่ต้องการ Filter ก็ใส่ Type ตามที่เราต้องการเลย เช่น Select , Text เป็นต้น ถ้าเป็น Type Select ก็ต้องใส่ Values ให้ตัว Select ด้วยรูปแบบการใส่จะเป็น Array โดย Value คือค่าที่เราเลือกแล้วส่งไปค้นหาในฐานข้อมูล ส่วน Label เป็นชื่อที่ต้องการแสดง แต่ถ้าเป็น Text ก็เหมือนช่อง Search กรอกค่าอะไรก็จะส่งไปค้นหาตามที่เรากรอกแต่จะค้นหาแค่ตาม Column ที่เรา Filter

 

ตัวอย่างในส่วนของการแสดงผลและผลลัพธ์ที่ได้