เรียงวันที่ภาษาไทยใน Datatables ง่ายกว่าที่คิด

แต่เดิมไม่เคยรู้จักเลยว่า Datatables คืออะไร จนกระทั่งวันนึง ได้เขียน code ที่มันต้องเรียกลำดับตาราง จาก มาก -> น้อย และ น้อย -> มาก {A-Z / Z-A} ทำให้ปวดหัวกับการเขียน SQL query มาก เนื่องจากเราต้องเปลี่ยน parameter เปลี่ยน variable ตามการเรียงแต่ละครั้ง ยกตัวอย่างเช่น CategoryID CategoryName Description 1 Beverages Soft drinks, coffees, teas, beers, and ales 2 Condiments Sweet and savory sauces, relishes, spreads, and seasonings 3 Confections Desserts, candies, and sweet …

วิธีแก้ select2 ส่งค่า tag multiple ได้ไม่ครบ

ใส่ไว้เตือนความจำหน่อยกับการใช้ select2 jquery plugin สมมุติ select option เราหน้าตาเป็นแบบนี้ จากนั้นเราใช้เจ้า select2 เข้ามาจับเพื่อให้ได้ผลลัพท์หน้าตาแบบนี้ แต่เจ้ากรรม เมื่อเรา post ไป กลับกลายเป็นว่ามันได้รับแค่เพียงคำว่า “ถุงลมโป่งพอง” แต่ที่จะเป็นค่าทั้งหมดที่เราได้ select เอาไว้ นั่นเป็นเพราะเราหลงลืมบางสิ่งไป! การที่เราจะส่งค่าหลายๆค่าไปนั้น มันไม่ใช่การส่งข้อความต่อๆกันยาวๆ แต่มันจะส่งไปในรูปแบบของ Array ภาพด้านบนสุดจะมีการ ตรวจสอบด้วย print_r() เพื่อดูว่าค่าที่ส่งไปถูกต้องครบถ้วนหรือไม่!  วิธีแก้คือ ให้เราใส่ [] เข้าไปใน name property ของ select ดังตัวอย่าง แค่นี้ผลลัพท์ก็ได้ออกมาครบถ้วนตามต้องการแล้ว แนะนำ – https://select2.github.io/

ทำไมผมถึงใช้ jQuery Validation Plugin

การ validate ข้อมูลใน form ก่อนที่จะ submit นั้น ข้อดีของมันก็คือ “ทำให้ user ไม่ต้องกรอกข้อมูลซ้ำอีก เมื่อเกิดข้อผิดพลาด” ยกตัวอย่างเช่น มีแบบฟอร์มให้กรอกข้อมูลบุคคล มี input ประมาณ 20 ตัว ที่ต้องกรอกให้ครบ แต่ userA เข้ามากรอกข้อมูลจากนั้นกด submit แต่ระบบแจ้งว่าข้อมูลที่กรอกไม่ถูกต้อง พอกด back หรือย้อนกลับไปหน้ากรอกข้อมูล พบว่าข้อมูลที่เคยกรอกไว้ มันหายไปหมด ต้องมานั่งหัวเสียกรอกซ้ำอีกรอบ เป็นแบบนี้ทำให้เกิดความยุ่งยากแก่ผู้ใช้บริการ จะดีกว่ามั้ยถ้ามีการตรวจสอบข้อมูลก่อนที่จะกด submit เพื่อให้ได้ข้อมูลที่ถูกต้องครบถ้วน ซึ่งนี่คือเรื่องราวของบทความนี้ ขอเกริ่นเกี่ยวกับอดีตที่ผ่านมาซักเล็กน้อย เพื่อให้ให้เข้าเหตุผลว่าทำไมผมถึงเลือกใช้ แต่ก่อนนั้น สมัยที่ใช้กันแต่ javascript เพียวๆ การที่เราจะทำการ validate ข้อมูลที่กรอกใน form input นั้น ทำได้ค่อนข้างยาก และสลับซับซ้อนมากกว่าจะได้เงื่อนไขที่ดักจับ Value ไม่ให้หลุดรอดไปได้ ผมขอยกตัวอย่างเช่น การสร้าง form …

วิธีแก้ jQuery UI Dialog พิมพ์ข้อความลงใน input prepend append ไม่ได้

ตัวอย่างปัญหา http://jsfiddle.net/ALN7A/ การแก้ไข Unfortunately this issue remains. Reproduced with JQuery UI v1.8.22 and Bootstrap CSS v2.1.0.I fix it like that: ปัญหานี้มันเกิดเพราะว่า jQuery UI มันเซ็ตค่า x-index ไว้สูงมาก เพื่อให้การแสดง dialog มันอยู่เหนือ element อื่นๆ ปัญหาก็คือ ถ้าเราใส่ input เข้าไปแบบปกตินั้น สามารถพิมพ์ได้ แต่ทีนี้เพื่อเพิ่มความสวยงาม และให้ดูเหนือชั้นขึ้นหน่อย เราก็เติม bootstrap input append หรือ prepend เข้าไป เพื่อให้มันเป็นกรอบแสดงข้อความ หรือ icon ที่เราต้องการ เลยทำให้เราพิมพ์อะไรลงไปในช่อง input ไม่ได้ ไม่ว่าจะทำด้วยวิธีไหนก็ตาม ลอง copy …

jQuery change input text to selectmenu when click and post update new data

ระบบเบิกจ่ายวัสดุ มีปัญหาของผู้ใช้งานอยู่ประเด็นหนึ่งที่หลีกเลี่ยงไม่ได้ เนื่องจากผู้ใช้บางคนไม่รู้่ว่าตัวเองต้องเบิกวัสดุประเภทไหน หมึกพิมพ์รุ่นไหน ยี่ห้ออะไร ทำให้ทำรายการผิดพลาด ซึ่งวิธีการแก้ไขก็คือให้ผู้ดูแลแก้ไขรายการให้ถูกต้อง เพราะผู้ดูแลจะทราบดีว่าแผนกไหน ใช้เครื่องพิมพ์อะไร ต้องใช้หมึกพิมพ์รุ่นไหน ดังนั้น หากจะทำการแก้ไขแบบธรรมดา มันก็ดูจะง่ายไป แค่ select และ update ใครก็ทำได้ ทีนี้เราต้องการลดระยะเวลาและขั้นตอนการเดินการของผู้ดูแล เช่นเดียวกับ facebook หรือเว็บอื่นที่ ให้เจ้าของกดที่ input และแก้ไขได้ทันที ไม่ต้องมีปุ่มอะไรให้วุ่นวาย ในทีนี้จะทำคล้ายกับ facebook edit มาดูตัวอย่างกันดังนี้ครับ     flow เขียนแบบรีบๆ ไม่ค่อยเป็นรูปร่างเท่าไหร่เพราะเอาไว้เข้าใจคนเดียว รูปแบบการทำงานก็จะเริ่มต้นจาก   เริ่มจากปุ่มแก้ไข ใส่ code ตัวอย่างของ html แก้ไข …. …. บันทึก ส่วนของ script ตรง function นี้ประกอบด้วย