ฟิลด์ค้นหา PowerApps: วิธีเพิ่มและปรับแต่ง

ในบทช่วยสอนนี้ เราจะพูดถึง ช่องค้นหา PowerAppsและวิธีการเพิ่มและปรับแต่งตั้งแต่เริ่มต้น

PowerApps เป็นแพลตฟอร์มที่สร้างขึ้นเพื่อความสะดวก โดยผู้ใช้สามารถสร้างแอปของตนเองได้ แม้ว่าพวกเขาจะไม่มีพื้นฐานด้านการเขียนโค้ดหรือการพัฒนาแอปก็ตาม เช่นเดียวกับแพลตฟอร์มอื่นๆ ของ Microsoft จุดแข็งอยู่ที่ระบบการลากและวางและการออกแบบที่ใช้งานง่าย

ซึ่งหมายความว่าใครก็ตามที่ต้องการสร้างแอป ไม่ว่าจะเพียงแค่แสดงข้อมูลของตนหรือเพื่อเพิ่มประสิทธิภาพการทำงานในทีมก็สามารถทำได้อย่างง่ายดาย

เราได้พูดถึงพื้นฐานของการสร้างแอปตั้งแต่เริ่มต้นในบทช่วยสอนที่ผ่านมา เวลานี้ เรากำลังมุ่งเน้นไปที่ฟิลด์การค้นหา PowerApps

สารบัญ

• วิธีการทำงานของฟิลด์ค้นหา PowerApps
• การใช้ฟังก์ชันค้นหา
• การสร้างฟิลด์ค้นหา PowerApps ตั้งแต่เริ่มต้น
• การเพิ่มคอลัมน์ในฟิลด์การค้นหา PowerApps
• การเพิ่มไอคอนการค้นหาที่ใช้งานได้และการซ่อนแถบค้นหา
• การเพิ่มคำใบ้ในแถบค้นหา
• บทสรุป

วิธีการทำงานของฟิลด์ค้นหา PowerApps

ฟังก์ชันการค้นหาช่วยให้ผู้ใช้สามารถค้นหาและกรองรายการในแกลเลอรีได้ เนื่องจาก Power Apps มาพร้อมกับเทมเพลตแอปที่มีฟิลด์ค้นหาอยู่แล้ว สิ่งที่คุณต้องทำคือเชื่อมต่อแหล่งข้อมูลเพื่อดึงรายการที่จะรวมอยู่ในแกลเลอรี

ในการใช้ช่องค้นหา ไม่จำเป็นต้องป้อนชื่อหรือคำทั้งหมด การพิมพ์ตัวอักษรสองสามตัวแรกจะกรองรายการโดยอัตโนมัติและแสดงรายการที่ตรงกัน

แม้ว่าเทมเพลตในตัวจะใช้งานได้สะดวก แต่เราไม่สามารถพึ่งพาได้ 100% ตลอดเวลา การสร้างแอปพื้นที่ทำงานของคุณเองเป็นสิ่งจำเป็น หากคุณต้องการปรับแต่งแอปอย่างเต็มที่ตามความต้องการเฉพาะของคุณ ซึ่งหมายความว่าคุณต้องสร้างช่องค้นหาของคุณเองตั้งแต่เริ่มต้น

การใช้ฟังก์ชันค้นหา

มาใช้หน้าจอนี้ที่เราสร้างตั้งแต่เริ่มต้นในบทช่วยสอนก่อนหน้านี้ ตอนนี้เราอยู่ในหน้าจอดูลูกค้า

เนื่องจากมีแกลเลอรีของรายการ จึงเหมาะสมที่จะสร้างช่องค้นหาที่นี่

แกลเลอรีที่แสดงในหน้านี้คือแกลเลอรี 2 หากเราดูที่คุณสมบัติ Item แสดงว่าเรากำลังดึงข้อมูลจาก Table1

ซึ่งหมายความว่าเมื่อเราเพิ่มฟังก์ชันการค้นหา มันจะค้นหาผ่านรายการต่างๆ ในตารางที่ 1 และกรองผลลัพธ์ตามสิ่งที่เราพิมพ์เข้าไป

มาดูกันว่าฟังก์ชันการค้นหาทำงานอย่างไร เมื่อเข้าไปในเอกสาร Microsoftที่อธิบายถึงฟังก์ชันนี้ แสดงว่าฟังก์ชันการค้นหาใช้ตาราง สตริงการค้นหา และคอลัมน์ที่คุณต้องการค้นหา

เมื่อนึกถึงสูตรดังกล่าวแล้ว เรามาดูกันว่าฟังก์ชันการค้นหาทำงานอย่างไรในแอปของเรา

การใช้คุณสมบัติ Item ใน Gallery2 ให้ใช้ฟังก์ชันการค้นหาในแถบสูตรและอ้างอิง Table1 เนื่องจากเป็นแหล่งข้อมูลหลักของเรา

สำหรับสตริงการค้นหาจริง ลองค้นหาชื่อ Elton

จากนั้น มาทำการค้นหาในคอลัมน์ FirstName

เมื่อเรากด Enter มันจะให้การจับคู่ที่สอดคล้องกับพารามิเตอร์การค้นหาที่เราใช้

หากเราลบชื่อ Elton ออกจากสตริงการค้นหา ชื่อนั้นจะแสดงทั้งแกลเลอรีอีกครั้งโดยอัตโนมัติ

ลองค้นหาชื่อ Coralie อีกครั้ง

เมื่อเรากด Enter จะทำให้เรามีการจับคู่อีกครั้ง

เห็นได้ชัดว่า เราไม่คาดหวังให้ผู้ใช้เปิดแกลเลอรีโดยใช้ PowerApps ซึ่งหมายความว่าพวกเขาจะต้องทำการค้นหาจากช่องค้นหา ไม่ใช่จากแถบสูตร นั่นคือที่มาของความต้องการสร้างแถบค้นหาของเราเอง

การสร้างฟิลด์ค้นหา PowerApps ตั้งแต่เริ่มต้น

เริ่มต้นด้วยการเพิ่มการป้อนข้อความโดยใช้ปุ่มข้อความใต้ริบบิ้นแทรก

เช่นเดียวกับองค์ประกอบอื่น ๆ เราสามารถลากกล่องข้อความนั้นไปทุกที่ที่เราต้องการวาง สำหรับตอนนี้ ให้วางไว้ที่ด้านขวาของชื่อหน้าจอ

เนื่องจากตอนนี้เป็นเพียงกล่องข้อความธรรมดา จึงไม่สามารถกรองอะไรได้แม้ว่าเราจะพิมพ์ชื่อก็ตาม ในการทำเช่นนั้น เราจำเป็นต้องเชื่อมโยงฟังก์ชันการค้นหาบนแถบสูตรของเรากับกล่องข้อความจริง

ซึ่งหมายความว่าเราต้องเพิ่มองค์ประกอบ TextInput1 ลงในสูตรนั้น

ในการทำเช่นนั้น แทนที่จะเว้นวรรคตอนที่เราพิมพ์ข้อความค้นหา เราจะพิมพ์ TextInput1.Text TextInput1 หมายถึงกล่องข้อความในขณะที่ข้อความอ้างอิงถึงสิ่งที่เราพิมพ์ลงในกล่องข้อความ

ทีนี้มาลองดูกัน หากเราพิมพ์ข้อคว��มค้นหาที่นี่ คุณจะเห็นว่าคำที่ตรงกันปรากฏขึ้นแม้ว่าเราจะพิมพ์เฉพาะตัวอักษรสองสามตัวแรกก็ตาม

ลองใช้ชื่ออื่นแล้วค้นหาบรูน่า อีกครั้งมันแสดงให้เราเห็นตรงกัน

คราวนี้มาลองค้นหากันดูครับว่าใช้นามสกุลอะไรได้บ้าง ฉันจะพิมพ์ Lyles ซึ่งเป็นนามสกุลของบรูน่า

อย่างที่คุณเห็น แม้ว่าบรูน่า ไลล์สจะปรากฏขึ้นเมื่อฉันใช้ชื่อแรกเป็นคำค้นหา แต่ก็ไม่ได้แสดงการจับคู่ใดๆ เมื่อฉันลองพิมพ์นามสกุล นั่นเป็นเพราะเรายังไม่ได้อ้างอิงคอลัมน์อื่นในสูตรของเรา

การเพิ่มคอลัมน์ในฟิลด์การค้นหา PowerApps

กลับไปที่แถบสูตร มาเพิ่ม LastName กัน ซึ่งจะช่วยให้เราสามารถค้นหาโดยใช้ข้อมูลในคอลัมน์ LastName ได้เช่นกัน

เรามาเพิ่ม AgentName กันเถอะ จากนั้นกด Enter เพื่อสรุปสูตรนั้น

ในที่สุดเราก็ได้คู่แล้ว ถ้าค้นหานามสกุล Lyles

การเพิ่มไอคอนการค้นหาที่ใช้งานได้และการซ่อนแถบค้นหา

ในแอปส่วนใหญ่ คุณไม่เพียงแค่มีแถบค้นหาเท่านั้น คุณเห็นไอคอนค้นหาด้วย ลองเพิ่มในหน้าจอนี้

เพียงมองหาการค้นหาจากดรอปดาวน์ไอคอนใต้ริบบิ้นแทรก

ย้ายไปที่ด้านขวาของแถบค้นหา

จากนั้นมาเปลี่ยนสีเป็นสีขาวเพื่อให้สอดคล้องกับองค์ประกอบอื่นๆ

ตอนนี้เรามีไอคอนค้นหาแล้ว เป้าหมายที่นี่คือการซ่อนแถบค้นหาและให้ปรากฏเมื่อเราคลิกไอคอนค้นหาเท่านั้น

หากเราคลิกที่แถบค้นหาและตรวจสอบบานหน้าต่างคุณสมบัติทางด้านขวา แสดงว่าการมองเห็นเปิดอยู่

หากเราตรวจสอบคุณสมบัติการเปิดเผยภายใต้ดรอปดาวน์คุณสมบัติ แสดงว่าการเปิดเผยถูกตั้งค่าเป็น จริง

หากเราตั้งค่าเป็นเท็จ กล่องข้อความจะหายไป นี่คือสิ่งที่เราต้องการให้เกิดขึ้น

ไม่ต้องกังวลเกี่ยวกับการอ้างอิงกล่องข้อความเมื่อไม่สามารถมองเห็นได้อีกต่อไป เรายังสามารถอ้างอิงได้โดยคลิกที่ชื่อขององค์ประกอบในรายการในบานหน้าต่างด้านซ้าย

นี่คือจุดที่ตัวแปรเข้ามามีบทบาท เราได้กล่าวถึงการใช้ตัวแปรใน PowerAppsในบทช่วยสอนอื่น

เนื่องจากเราต้องการให้มีอะไรเกิดขึ้นทุกครั้งที่เราคลิกที่ไอคอนค้นหา เราจะใช้ OnSelect

เราจะใช้ตัวแปรชื่อ UpdateContext

หากต้องการใช้ UpdateContext เราจำเป็นต้องมีพจนานุกรมผันแปรที่อยู่ในวงเล็บปีกกา ลองใช้ SearchVisible แล้วตั้งค่าเป็นจริง

ตอนนี้เรามีตัวแปรเรียบร้อยแล้ว เรามาผูกคุณสมบัติการมองเห็นของกล่องข้อความของเรากับตัวแปรจริงกัน เพียงคลิกที่ TextInput1 จากนั้นตั้งค่าการเปิดเผยเป็น SearchVisible

เมื่อเราผูกตัวแปรกับองค์ประกอบกล่องข้อความแล้ว กล่องค้นหาจะแสดงขึ้นเมื่อเราคลิกที่ไอคอนเท่านั้น

ด้วยการตั้งค่าปัจจุบันของเรา กล่องข้อความจะยังคงอยู่บนหน้าจอแม้ว่าคุณจะค้นหาเสร็จแล้วก็ตาม ตามหลักการแล้ว เราต้องการให้สิ่งนั้นหายไปเมื่อเราไม่ต้องการมันอีกต่อไป

ดังนั้นเราจะกลับไปที่ไอคอนและเปลี่ยนสูตรสำหรับ OnSelect ครั้งนี้ เราต้องการให้การกระทำตรงกันข้ามเกิดขึ้นเมื่อเราคลิกที่ไอคอนเป็นครั้งที่สอง

ในการตั้งค่าการกระทำที่ตรงกันข้าม สิ่งที่เราต้องทำคือเพิ่มเครื่องหมายอัศเจรีย์ เนื่องจากในปัจจุบัน SearchVisible ทำให้กล่องข้อความปรากฏขึ้น !SearchVisible จะทำให้กล่องข้อความหายไป

ตอนนี้ถ้าเราคลิกไอคอนครั้งแรก ช่องค้นหาจะปรากฏขึ้น ซึ่งหมายความว่าคุณสมบัติการมองเห็นจะกลายเป็นจริง

ถ้าเราคลิกไอคอนอีกครั้ง การมองเห็นจะเปลี่ยนเป็นเท็จและกล่องข้อความจะหายไป

การเพิ่มคำใบ้ในแถบค้นหา

เนื่องจากเราได้ตั้งค่าแถบค้นหาให้กรองรายการตามชื่อ นามสกุล หรือชื่อตัวแทน จึงเป็นการดีที่จะเพิ่มคำใบ้เพื่อให้ผู้ใช้ทราบว่าจะใช้คำค้นหาใด

ในการทำเช่นนั้น เพียงเน้นแถบค้นหา จากนั้นไปที่บานหน้าต่างด้านขวา ภายใต้คุณสมบัติ ให้พิมพ์ "ค้นหาชื่อ นามสกุล หรือชื่อตัวแทน"

ตอนนี้ เราเห็นคำใบ้นั้นในแถบค้นหา ทำให้ผู้ใช้ค้นหาได้ง่ายขึ้น

คำใบ้นี้จะหายไปเมื่อผู้ใช้คลิกที่แถบค้นหาและเริ่มพิมพ์

บทนำ Power Apps: คำจำกัดความ คุณลักษณะ ฟังก์ชัน และความสำคัญ
สภาพแวดล้อม Power Apps: การตั้งค่าองค์ประกอบของแอปอย่างเหมาะสม
Power Apps Canvas: วิธีสร้างแอปตั้งแต่เริ่มต้น

บทสรุป

ฟิลด์ค้นหา PowerApps เป็นหนึ่งในสิ่งที่คุณจำเป็นต้องเพิ่มลงในแอปของคุณ โดยเฉพาะอย่างยิ่ง ถ้าคุณกำลังทำงานกับข้อมูลจำนวนมากในแกลเลอรีของคุณ

โปรดจำไว้ว่าแอพที่ประสบความสำเร็จส่วนใหญ่ให้ความสำคัญกับการใช้งานง่ายและการควบคุมที่ใช้งานง่าย การเพิ่มฟังก์ชันการค้นหาครอบคลุมความต้องการเหล่านั้นอย่างแน่นอน

สิ่งที่ดีที่สุด

เฮนรี่