سبد (0)

اموزش ASP.NET-مفهوم Form

یک فرم، بخشی از یک سند HTML است که شما کنترل های ورودی (text box ها، check box ها، دکمه های رادیویی، و لیست های پایین افتادنی) را درون آن قرار می دهید.


ایجاد صفحات ورودی HTML

Razor مثال

<html>
<body> 
@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>You entered: <br />
Company Name: @companyname <br />
Contact Name: @contactname </p>
}
else
{
<form method="post" action="">
Company Name:<br />
<input type="text" name="CompanyName" value="" /><br />
Contact Name:<br />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
} 
</body> 
</html>

خروجی کد بالا:

 
Company Name:

Contact Name:



مثال Razor- نمایش تصاویر

تصور نمایید در فولدر تصاویرتان سه عکس موجود است، و شما قصد دارید هنگامی که کاربر هر کدام از عکس ها را  انتخاب کرد، عکس مورد نظر به صورت پویا نمایش داده شود.

این کار به راحتی با استفاده از Razor انجام می شود.

اگر تصویری با نام "Photo1.jpg" در فولدر تصاویر وب سایت تان داشتید، می توانید با استفاده از تگ <img> در HTML آن را نمایش دهید:

<img src="/images/Photo1.jpg" alt="Sample" />

کد زیر نحوه نمایش تصویری که کاربر از یک لیست پایین افتادنی انتخاب می کند، را نمایش می دهد:

Razor مثال

@{
var imagePath="";
if (Request["Choice"] != null)
   {imagePath="images/" + Request["Choice"];}
}
<!DOCTYPE html>
<html>
<body>
<h1>Display Images</h1>
<form method="post" action="">
I want to see:
<select name="Choice">
  <option value="Photo1.jpg">Photo 1</option>
  <option value="Photo2.jpg">Photo 2</option>
  <option value="Photo3.jpg">Photo 3</option>
</select>
<input type="submit" value="Submit" />
@if (imagePath != "")
{
<p>
<img src="/@imagePath" alt="Sample" />
</p>
}
 
</form>
</body>
</html>

خروجی کد بالا:

Display Images

I want to see: 
 

شرح مثال

سرور متغیر imagePath را نمایش می دهد.

با استفاده از این لیست کاربر نام تصویر مورد نظر خود را انتخاب می نماید، هنگامی که او روی دکمه Submit کلیک می کند، نام فایل انتخابی (مثلا Photo1.jpg) به سرور ارسال می گردد.

کد Razor مقدار Choice را با استفاده از دستور ["Request["Choice می خواند. اگر مقدار وجود داشت، کد مسیر تصویر (images/photo1.jpg) را ایجاد می کند، و آن را در متغیر imagePath ذخیره می کند.

در این صفحه یک عنصر <img> برای نمایش تصویر وجود دارد. هنگامی که صفحه نمایش داده می شود خصوصیت src با استفاده از متغیر imagePath مقدار دهی می شود.

تگ <img> در شرط if قرار گرفته است تا از نمایش تصویر بدون نام جلوگیری کند (مانند اولین باری که صفحه نمایش داده می شود).

آموزش صوتی ASP

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه