ข้ามไปที่เนื้อหาหลัก

บทความ

กำลังแสดงโพสต์จาก มกราคม, 2015

ว่าด้วยเรื่องของ Template Engine กับ PHP

ว่าด้วยเรื่องของ Template Engine กับ PHP รู้จักมาตั้งแต่เป็นโปรแกรมเมอร์ฝึกหัด $tpl->parseHtml() กับคำสั่งนี้สามารถโหลดหน้า html ทั้งหมดพร้อมกับแทรกค่าลงตัวแปรต่างๆให้เรียบร้อยเสร็จสรรพ มันดูดีมากที่ได้แยกโค๊ด PHP ออกจาก HTML ผมไม่รู้ว่า $tpl เก็บค่าจากไลบรารี่ตัวไหนแต่มันก็น่าใช้มากแต่ก็ไม่เคยแกะไล่ดูโค๊ดส่วนที่ประกาศค่านั้นเลย จนกระทั่งได้พบกับ $TPLN ของเว็บ http://tpln.h2lsoft.com/ ก็คิดว่าเจ๋งเหมือนกันเผลอๆทำได้ดีกว่าตรงที่ Multiple Loop Bloc ได้ด้วย เหมาะกับการสร้างตารางซ้อนตารางคือตัวแปรอาร์เรย์หลายชั้น ((ไม่แน่ว่า $tpl ที่ใช้อยู่ก็อาจจะทำได้ แต่ไม่เคยได้อ่าน Document ของมันเลย)) ถ้าเป็น PHP Framework ผมจะเลือก CodeIgniter เพราะมันมี $this->parser->parse() ที่ใช้โหลด view ที่เป็นเทมเพลตมาแสดง ใช้ง่ายโค๊ดสะอาดตาในสไตล์ Framework https://ellislab.com/codeigniter/user-guide/libraries/parser.html สำหรับหลักการที่ทำให้ผมหลงไหลอ่านได้ที่ (Sixhead Template) www.scriptdd.com/webtip/sixhead_template_php_template_engine_part1.html นอกจากนั้นยังมี smarty template engine

แต่ง select box ให้สวยและค้นหา option ได้ด้วย

วันนี้มีตัวช่วยสร้าง select box ของเราให้เป็นตัวเลือกแบบสวยๆ และสามารถค้นหา option ด้วยคำที่ต้องการได้ด้วย ตามไปดูตัวอย่างได้ที่ https://select2.github.io/examples.html ถ้าให้แนะนำคงจะเป็นส่วนของการเพิ่ม "Placeholders" และ สามารถเคลียร์ค่าได้ด้วย allowClear ซึ่งจะต้องสร้าง option เปล่าๆไว้ 1 ตัว จะทำให้ปรากฏเครื่องหมายกากบาท สำหรับล้างค้าที่เลือกไปแล้วได้ด้วย สำหรับวิธีติดตั้งก็ดูที่หน้า "Home" ได้เลยครับ https://select2.github.io/ ไฟล์ที่ต้องการก็มี select2.min.css และสคริปต์ select2.min.js ส่วนการเรียกใช้ก็ง่ายๆ <script type="text/javascript"> $('select').select2(); </script> สำหรับการปรับแต่งเพิ่มเติมก็ดูตาม https://select2.github.io/options.html หรือแกะไปตาม Examples เอาละกันนะครับว่าเรียกใช้ยังไงบ้าง และที่สำคัญหากนำมาใช้แล้วแสดงผลแล้วไม่เหมือนตัวอย่าง อาจจะเป็นเพราะต้องใช้ไฟล์ bootstrap และสัญลักษณ์ต่างๆจาก font-awesome เข้ามาช่วยด้วยนะครับ