วิธีสร้างแผงป๊อปอัปที่เลือกได้ใน gwt

ฉันต้องสร้างแผงป๊อปอัปใน gwt ที่มีฟังก์ชันการเลือก เช่น ป๊อปอัปคำแนะนำที่ปรากฏขึ้นเมื่อพิมพ์ @ ลงในช่องสร้างโพสต์ของ Facebook เป็นไปได้ไหมที่จะสร้างองค์ประกอบดังกล่าวใน gwt


gwt
person kunal    schedule 11.01.2017    source แหล่งที่มา


คำตอบ (1)


ใช่มันเป็นไปได้ คุณสามารถใช้ GWT SuggestBox. ตัวอย่างเช่น:

MultiWordSuggestOracle oracle = new MultiWordSuggestOracle();
oracle.add("A");
oracle.add("B");
oracle.add("C");
oracle.add("D");

SuggestBox suggestBox = new SuggestBox(oracle);

ความเป็นไปได้อีกอย่างหนึ่งก็คือเฟรมเวิร์กเช่น Bootstrap นอกจากนี้ยังมี SuggestBox ใน GwtBootstrap 3 (ดูการสาธิต) อย่างที่คุณเห็นการใช้งานในโค้ด Java นั้นคล้ายกันมาก แน่นอนคุณสามารถวาง SuggestBox นี้ได้ทุกที่ที่คุณต้องการ - รวมถึงใน PopupPanel/Modal ด้วย

สำหรับตัวอย่างเพิ่มเติม "การกดไลค์บน Facebook" ฉันเคยเห็นบทช่วยสอนนี้ มันเก่าไปหน่อยแต่บางทีก็ช่วยได้

person mxlse    schedule 11.01.2017
comment
ใช่ ฉันได้ลองใช้ SuggestBox แล้ว แต่มีองค์ประกอบอินพุตอยู่ในนั้น ความต้องการของฉันแตกต่างออกไปเล็กน้อย ฉันกำลังแสดงแบบฟอร์มป๊อปอัปซึ่งฉันต้องเลือกสิ่งต่าง ๆ ทุกครั้งที่กด @ ใน div ที่แก้ไขได้ (คล้ายกับกล่องโพสต์สร้างของ Facebook เลย) - person kunal; 11.01.2017
comment
ฉันได้เพิ่มบทช่วยสอนสำหรับกรณีนี้ให้คุณแล้ว หวังว่านี่จะช่วยได้ โดยวิธีการแสดงข้อเสนอแนะสามารถแก้ไขได้ด้วย SuggestionDisplay - person mxlse; 11.01.2017
comment
ขอบคุณสำหรับบทช่วยสอนซึ่งช่วยได้มากจริงๆ ... นอกจากนี้ คุณช่วยแนะนำแนวคิดต่างๆ ว่าฉันจะบรรลุเป้าหมายนี้ได้อย่างไรด้วย gwt drive.google.com/open?id=0B05dZwdH6MfnMEV6ejJUaUNTSFk - person kunal; 11.01.2017
comment
ไม่มี Google ไดรฟ์ที่นี่ คุณสามารถอัปโหลดที่อื่นได้หรือไม่? - person mxlse; 11.01.2017
comment
ฉันได้เปลี่ยนการอนุญาตการเข้าถึงแล้ว คุณควรจะสามารถเปิดได้ในขณะนี้ - person kunal; 11.01.2017