اذهب الي المحتوي
أوفيسنا
بحث مخصص من جوجل فى أوفيسنا
Custom Search

سلسلة تعلم استخدام أدوات التحكم الأساسیة ASP.NET Web Form


ابوآمنة

الردود الموصى بها

سلسلة تعلم استخدام أدوات التحكم الأساسیة ASP.NET Web Form

 

عناصر تحكم خادم نماذج الويب ASP.NET

اسم التحكم

أحداث قابلة للتطبيق

وصف

Label

لا شيء

يتم استخدامه لعرض النص على صفحة HTML.

TextBox

تغيير النص

يتم استخدامه لإنشاء إدخال نص في النموذج.

Button

انقر فوق الأمر

يتم استخدامه لإنشاء زر.

LinkButton

انقر فوق الأمر

يتم استخدامه لإنشاء زر يشبه الارتباط التشعبي.

ImageButton

انقر

يتم استخدامه لإنشاء زر الصور ، تعمل الصورة كزر.

Hyperlink

لا شيء

يتم استخدامه لإنشاء عنصر تحكم ارتباط تشعبي يستجيب لحدث النقر.

DropDownList

SelectedIndexChanged

يتم استخدامه لإنشاء عنصر تحكم قائمة منسدلة.

ListBox

SelectedIndexCnhaged

يتم استخدامه لإنشاء عنصر تحكم ListBox مثل عنصر تحكم HTML.

DataGrid

CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound

يتم استخدامه لإنشاء ثلاجة تستخدم لإظهار البياناتيمكننا أيضًا إجراء الترحيل والفرز والتنسيق بسهولة شديدة باستخدام عنصر التحكم هذا.

DataList

CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound

يتم استخدامه لإنشاء datalist غير جدولي ويستخدم لإظهار البيانات.

CheckBox

CheckChanged

يتم استخدامه لإنشاء مربع الاختيار.

CheckBoxList

SelectedIndexChanged

يتم استخدامه لإنشاء مجموعة من خانات الاختيار التي تعمل جميعها معًا.

RadioButton

CheckChanged

يتم استخدامه لإنشاء زر الاختيار.

RadioButtonList

SelectedIndexChanged

يتم استخدامه لإنشاء مجموعة من عناصر تحكم زر الاختيار التي تعمل جميعها معًا.

Image

لا شيء

يتم استخدامه لإظهار الصورة داخل الصفحة.

Panel

لا شيء

يتم استخدامه لإنشاء لوحة تعمل كحاوية.

PlaceHolder

لا شيء

يتم استخدامه لتعيين عنصر نائب لعنصر التحكم.

Calendar

SelectionChanged ، VisibleMonthChanged ، DayRender

يتم استخدامه لإنشاء تقويميمكننا ضبط التاريخ الافتراضي والمضي قدمًا والخلف وما إلى ذلك.

AdRotator

خلق

يسمح لنا بتحديد قائمة من الإعلانات لعرضهافي كل مرة يعيد المستخدم عرض الصفحة.

Table

لا شيء

يتم استخدامه لإنشاء الجدول.

XML

لا شيء

يتم استخدامه لعرض مستندات XML داخل HTML.

Literal

لا شيء

يشبه التسمية من حيث أنه يعرض الحروف ، لكنه يسمح لنا بإنشاء حروف جديدة في وقت التشغيل ووضعها في عنصر التحكم هذا.

 

image.png.bbc91723734dac71a8936364bc8eba07.png

رابط هذا التعليق
شارك

 

الدرس الأول : Label

 

في ھذا الدرس سنتعلم كیف نستخدم عناصر التحكم الأساسیة المضمنة في منصة العملASP.NET  والتي لابد منھا لإنشاء تطبیقات الانترنت ,حیث سنتعلم كیف نعرض المعلومات باستخدام الأداتین Literal ، Label ، وكیف نقبل ونتعامل مع دخل المستخدم من خلال الأدوات ، TextBoxRadioButton ، CheckBox وكیفیة إرسال بیانات النماذج إلى السیرفر بواسطة أدوات الأزرار المتنوعة ,بالإضافة لأدوات عرض الصور على صفحات الإنترنت ،  كما نستعرض كیفیة ضم الأدوات واحتوائھا داخل أداة Panel بالإضافة لكیفیة ربط الصفحات ببعضھا من خلال الأداة HyperLink.

 

 عرض المعلومات

منصة عمل ASP.NET تدعم أداتین لعرض البیانات النصیة Literal ، Label ففي حین أن الأداة Literal تعرض البیانات بأسلوب بسیط ، فإن الأداة Label تقدم العدید من المزایا والتنسیقات الإضافیة .

 

استخدام أداة التحكم Label

نستخدم أدوات عرض المعلومات حتى نتمكن من تعدیل النص المعروض على الصفحة وقت التنفیذ حیث نستطیع ببساطة أن نحدد النص المراد عرضه من خلال إسناده للخاصیة Text لأداة Label ، كما یمكن أن نستخدم تنسیقات html لتقوم ھذه الأداة بتفسیرھم وتولید الخرج المطلوب ، وبشكل افتراضي تقوم ھذه الأداة بإحاطة النص بالوسم <span>، في الكود التالي نعرض أسالیب مختلفة

 

لإسناد المعلومات لأدوات Label:

 

<div>
 <asp:Label ID="Label1" runat="server" Text="Hi i'm Label1" ></asp:Label>
 <br />
 <asp:Label ID="Label2" runat="server" Text="Label">
 Hi i'm Label2
 </asp:Label>
 <br />
 <asp:Label ID="Label3" runat="server" Text="<b><i>Hi i'm Label3</i></b>">
 </asp:Label>
 </div>

 

الأداة Label تدعم العدید من الخصائص لتنسیق النصوص , نستعرض منھا :

BackColor : تغییر لون الخلفیة للأداة .

BorderColor : تتعین لون لإطار یحیط بأداة Label.

BorderStyle : تحدید نمط الإطار الذي سیتم عرضه ، یمكن أن تأخذ ھذه الخاصیة أحد القیم التالیة:NotSet، None، Dotted، Dashed، Solid، Double، Groove 

Outset,Ridge, Inset 

BorderWidth : تحدید ثخانة الإطار .

CssClass : تحدید صف CSS یتم تطبیقھ على ھذه الأداة .

Font : تحدید نوع الخط المستخدم .

ForeColor : تحدید لون الخط .

Style : لتطبیق تصمیم معین على أداة Label.

ToolTip : نص یتم عرضھ كتلمیح عند مرور الماوس على أداة Label.

عادة ما یتم استخدام الأداة Label لعرض عناوین لأدوات أخرى لمساعدة المستخدم على القیام بعمله،

وبالتالي فإن ھذه الأداة تملك الخاصیة AssociatedControlID لتحدید الأداة المرتبطة بھا وینصح باتسخدام ھذه الخاصیة بشكل عام .

 

نافذة الخصائص :

label1.png.5a4114e0b80cbab257ad79141090bc0d.png

رابط هذا التعليق
شارك

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

زائر
اضف رد علي هذا الموضوع....

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • تصفح هذا الموضوع مؤخراً   0 اعضاء متواجدين الان

    • لايوجد اعضاء مسجلون يتصفحون هذه الصفحه
×
×
  • اضف...

Important Information