Create Function Helper in View ASP MVC


สวัสดีครับ
วันนี้ผมก็จะมาแนะนำวิธีการเขียน function สำหรับ ซ่อนหรือแสดง แถบ เมนู ใน Html View กันนะครับ

โดยผมจะใช้ Razor Syntax ในการเขียนนะครับ
ซึ่งก็เป็น Syntax ที่เราต้องใช้เขียนกับไฟล์ .cshtml ของ ASP.NET MVC ครับ

บ่อยครั้งที่เราอาจจะจำเป็นต้องเขียน logic บางอย่างไว้ใน view
ยกตัวอย่างเช่น การเขียนเงื่อนไข ซ่อน/แสดง เมนูบางเมนู

ผมจะขอยกตัวอย่างโค้ตฝั่ง PHP แบบง่ายๆก่อนนะครับ

โจทย์ก็คือ ให้เราซ่อนปุ่ม Button1 ไม่ให้แสดงผลที่หน้าจอ

เราก็จะเขียนประมาณนี้

หรือ จะให้มีเงื่อนไขเพิ่มขึ้น และ ใช้หลายๆที่หน่อย ก็ต้องสร้างเก็บไว้เป็น function แบบนี้




















ครับผม และ นั้นก็เป็นตัวอย่างโค้ตของ PHP 
โดยตัว PHP ก็จะ


ถ้าเป็นฝั่งของ ASP.NET
เราก็จะเขียนให้อยู่ในรูปแบบของ Razor Syntax ครับ


โดยเราจะใส่ @helper แล้วตามด้วย ชื่อ function และ parameter ตามในรูป








ส่วนวิธีเรียกใช้เราก็จะใส่ @function เข้าไปแบบนี้ครับ














ref : https://weblogs.asp.net/hajan/functions-inside-page-using-razor-view-engine-asp-net-mvc

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

SetUp Theme Monokai On Visual Studio

รูปภาพ
Monokai theme for Visual Studio  สวัสดีครับ วันนี้ผมจะมาแนะนำ การปรับแต่ง Code Style ในตัว Visual Studio 2017 กันนะครับ ถ้าใครเคยใช้ Sublime มาบ้าง ก็น่าจะคุ้นชินกับ Theme Monokai เป็นอย่างดี เพราะมัน default มาให้ตั้งแต่ตน ซึ่งผมก็เป็นคนนึงที่ชอบสีของ Monokai มาก ก็เลยหาตัว Theme Monokai มาใช้ใน Visual Studio บ้าง ก็เลยไปเจอตัวนึงครับ ที่ใช้แล้วถูกใจที่สุด ทั้งสีตัวหนังสือ และ สีพื้นหลัง เอาละครับ มาเริ่มทำการติดตั้งกันเลย Step1 : Download Setting From Below Link               Github :: https://github.com/Ibrahim-Islam/monokai-vs-2015 Step2 : Open Visual Studio Step3 :             Tools >                Import and Export Settings >                Select "Import selected environment settings" >                Save current settings or just replace >    ...
อ่านเพิ่มเติม

"zsh: command not found: docker"

  You're seeing the "zsh: command not found: docker" error because the docker command isn't recognized by your Zsh shell . This likely means that Docker's command-line interface (CLI) isn't installed, or its location isn't included in your shell's $PATH variable. Here's how to fix this: 1. Check if Docker is Installed First, you need to confirm if Docker Desktop for Mac is installed on your MacBook Pro. The Docker CLI tool is bundled with Docker Desktop, and you should install it via the official Docker website. 2. If Docker is not Installed If Docker is not on your computer, you can download and install it from the official website. This will automatically install the necessary CLI tools and configure your $PATH . Download: Go to the Docker website . Install: Open the downloaded .dmg file and drag the Docker icon to your Applications folder. Run: Launch Docker Desktop from your Applications folder. You may need to log in to get it to run. Ve...
อ่านเพิ่มเติม

คู่มือ Install IIS On Windows Server 2016

รูปภาพ
  สิ่งที่ต้องเตรียมก่อน Install IIS - เครื่องที่ติดตั้ง Windows Server 2016 (ที่พร้อมใช้งาน) ขั้นตอนการติดตั้ง 1. เปิด Server Manager > Dashboard 2. เลือก Add roles and features 3. ไปที่แทบ Installation Type > เลือก Role-based of feature-based installation. > Next 4. Server Selection ตรวจสอบให้ถูกต้องแล้วกด Next 5. เลื่อนหาและติ๊กเลือก Web Server (IIS)  6. จะมีหน้าต่างขึ้นมาถามให้ติดตั้งตัว Management Tool (ให้ติดตั้งด้วย แล้วกด Add Feture) 7. แท็บ Features ให้ติ๊กเลือกตามภาพ (สำคัญสุดคือ ASP.NET ให้ติดตั้งด้วย) 8. แท็บ Web Server Role (IIS) แนะนำให้ติ๊กเลือกทั้งหมด (จะได้ไม่ต้องมาเพิ่มทีหลัง full feture ไปก่อนเลย) และ กด Next 9. แท็บ Confirme > Install 10. รอ ให้ Server Install จนเสร็จ จะมีข้อความแสดงว่า "Installation succeeded" > Close 11. เสร็จสิ้นการ Install Ref : Install IIS On WindowServer2012 Install IIS On Windows8
อ่านเพิ่มเติม