วิธีการทำให้หน้า list รับข้อมูลจากตัวอ่าน Barcode แล้ว ทำการ search อัตโนมัติ

September 17th, 2008 | by pichet |

เริ่มจาก ตัวอ่าน barcode จะทำการส่งค่า enter มาให้ด้วยเวลาอ่านข้อมูลแต่ จากตัวโปรแกรมของระบบจะใช้ tag <a> ในการเรียก javascript ในการ submit ไม่มีปุ่ม submit ทำให้ไม่สามารถที่ enter แล้ว searchให้
เราก็มีวีธีการแก้ไขดังนี้

แก้ไข tag html:form

<html:form action=”/doCountryList.do?mode=searchResult” focus=”countrycode” onsubmit=”return onSave()”>

focus=”countrycode” เป็นการกำหนดให้เวลาเปิดหน้า นี้ขึ้นมาจะให้ ตัว courser ให้ไปอยู่ตำแหน่งของ text box ในกรณีนี้ใช้สำหรับให้ เปิดมารับตัวอ่าน barcode ได้เลย

onsubmit=”return onSave()” เป็นการเรียกไปทำงานที่ java script ก่อน เพื่อกำหนดเงื่อนไข mode การทำงานก่อน ในโปรแกรมเดิมจะมาทำงานที่นี้ก่อน เวลา click ปุ่ม icon go
ในกรณีที่ ตรวจสอบดูว่า function onSave() ไม่มีการทำงานใด ๆ มีแค่ document.forms[0].submit() ไม่ต้องใช้คำส่ง onSave ก็ได้

เพี่ม ปุ่ม submit โดยใช้คำสั่ง

<html:submit />

แล้วก็ตัด tag <a> ออกไปได้เลย
ถ้าต้องการให้ button เป็นแบบรูปภาพให้ใช้ คำสั่ง

<INPUT type=”image” name=”search” src=”../images/go.gif” border=”0″>


จากนั้นโปรแกรมก็สามารถรับค่าจาก barcode แล้ว search ให้เลย หรือสามารถให้ผู้ใช้งานสามารถกด enter เวลา submit form ได้เลย

Post a Comment