Get Adobe Flash player

Monthly Archives: August 2018

Devexpress – สร้างตัวเลือกปีบน Dropdown / Combobox

ในกรณีที่เป็นตัวเลือกปีที่จะมีการเปลี่ยนแปลงตลอดเวลา เราจะใช้การ datasource ดึงข้อมูลปีปัจจุบันจากข้อมูล DateTime ดังนี้

เมื่อกำหนดค่าและทำการ datasource จะได้ drop down หรือ combo box ที่แสดงค่าปีปัจจุบันตามที่กำหนด (ในที่นี้เลือกแสดงค่าเป็นปี พ.ศ.)

และเมื่อทำการกดที่ลูกศรทางขวาเพื่อดูตัวเลือก ก็จะแสดงตัวเลือกตามที่กำหนดไว้

 

PHP การเชื่อมต่อฐานข้อมูล MYSQL

PHP การเชื่อมต่อฐานข้อมูล

การใช้  PHP เชื่อมต่อฐานข้อมูลแบบ PDO

ส่วน $servername , $username , $password จะเป็นส่วนในการ config ชื่อเซิฟเวอร์ ผู้ใช้และรหัสผ่านที่ต้องการกำหนด

และดัก Error โดยใช้คำสั่ง try catch

ส่วนต่อมาจะเป็นคำสั่งการเชื่อมต่อ MYSQL ผ่านตัวแปรที่ชื่อว่า $conn

ถ้าเชื่อมต่อสำเร็จจะแสดงข้อความว่า Connected successfully ขึ้นมา

ถ้าเชื่อมต่อไม่สำเร็จจะแสดงข้อความว่า Connection failed : (ข้อผิดพลาดในการเชื่อมต่อ)

 

DataTables Plug-in เพิ่มความสามารถให้ตารางข้อมูล รองรับหลาย CSS Framework

ปกติตารางข้อมูลที่ถูกสร้างด้วย HTML Table จะทำหน้าที่เพียงแค่แสดงผลตารางเท่านั้น เราสามารถใช้ DataTables ซึ่งเป็น jQuery Plugin ที่เป็น Open source โดย DataTable สามารถเปลี่ยนให้ตารางข้อมูลธรรมดา มีความสามารถเพิ่มขึ้นประกอบด้วย

  1. Pagination
  2. Instant search
  3. Multi-column ordering
  4. Use almost any data source
  5. Easily theme-able (รองรับหลาย CSS Framework)
  6. Wide variety of extensions
  7. Mobile friendly
  8. Fully internationalisable

การใช้งานเริ่มต้นด้วยการแนบไฟล์ CSS และ JavaScript (ต้องการ jQuery ด้วย) ของ DataTables

หรือถ้าต้องการใช้ร่วมกับ CSS Framework สามารถเลือกที่ Download Builder เพื่อเลือกว่าจะใช้อะไรบ้าง

จากนั้นสามารถเรียกใช้ Function ผ่าน Selector ของ jQuery ได้ดังนี้

ผลที่ได้ จะได้ตารางที่มีคุณสมบัติในการค้นหา เรียงลำดับ แบ่งหน้าได้ตามภาพ

วิธีนำ Font ภาษาไทยจาก Google Font มาใช้บน Web Application

1.เข้าเว็ป  https://fonts.google.com/ 

2. แล้วเลือก ภาษาไทย

 

3. เลือกฟอนต์ที่ต้องการและกด รูปบวก

   4. เมื่อกดรูป บวกแล้วจะมีหน้านี้ขึ้นเพื่อในนำ CSS ไปใส่ ดังภาพ

5. ให้นำโค้ด  ไปแปะบนหัวเว็ป

6. และนำ โค้ด CSS ไปใส่  ในส่วนที่ต้องการเปลี่ยนภาษาไทย ถ้า .fontkanit คือ class เอาไปใส่ใน class

ก็จะฟอนต์ภาษาไทยอย่างง่ายไปใช้งาน