تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
درس اليوم عن الاداء ModalPopupExtender
#1
السلام عليكم درس اليوم فى طريق استخدم الاداء ModalPopupExtender
و بصرحه الاداء دى جميلة اوى فى الاستخدم و كمان بتحسس المستخد هو هو شغل على الجهاز بتعتو مش على موقع نت يعنى تحميل بسرعه و حاجات تانية المهم
الادوات المطلوب هى بالترتيب
1- Button1
2- Panel1
3- textbox
4- UpdatePanel
5- Button2
ImageButton-6
7- ModalPopupExtender
اول حاجه Button1 ده علشان عن طريق هتظهر شاشة التسجيل البيانات

حطو الادوات دى بالترتيب يعنى اول حاجه Panel بعد كده حط جوه الtextbox و بعد كده حط الاداء دى
UpdatePanel فوق الاداء Panel و حط جوها 2Button و و بعد كده حط الاداء ImageButton1 فوق على ال Panel على اليمين خالص

ModalPopupExtender لوحدها
بس كده التصميم كده جاهز نبدء تشغل فى الاكواد

عندك اول Button1 و ده لى عن طريقو هتظهر الشاشة بتع التسجيل و ده الكو بتعتها

كود :
[align=left] Private Sub WebForm1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Button1.Text = "انشاء حساب جديد"
        ModalPopupExtender1.Show()

    End Sub[/align]
تانى حاجه و هى ImageButton هات ايه صور عليه حرف X و دى علشان لو المستخدم مش عايز يسجل
و ده الكود بتعتها

كود :
[align=left]Private Sub WebForm1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        ImageButton1.ImageUrl = "~/delete.png"
        ImageButton1.DescriptionUrl = "~/delete.png"
    End Sub[/align]

نيجى بقه للاداء ModalPopupExtender ازاى نتعامل معها هقولك بص اقف على الاداء
و عن طريق الخصائص تعمل الاتى
CancelControlID = ImageButton1
و ده علشان تقدر تعمل اغلث للشاشة التسجيل البيانات
PopupControlID = Panel1
و دى علشان نستخدم فى ال Panel1
Drag = True
DropShadow = True
و دول علشان نعمل اضافة تاثير يا معلم هو مش بيان اوى بس حلو شغل برضو
ViewStateMode = UI.ViewStateMode.Enabled
و ده علشان طريق العرض
طبعا هتقولى طيب ايه لازم ال Button2
هقول يا معلم ده علشان تقدر تعمل اضافة فى قاعدة البيانات مش بررضو بنعمل ده كلو علشان نعمل شاشة تجسيل مستخدمين بطريقة حلو برضو
ده اول كود

كود :
[align=left] If TextBox1.Text = ""  Then
            Label1.Text = "برجاء التاكد من البيانات"
            ModalPopupExtender1.Show()
            Exit Sub
        End If[/align]

و ده بقول ان لو التكست مش مكتوب جوه حاجه اهر الرسائل دى و فى نفس الوقت خالى الاداء
ModalPopupExtender1 فى العرض مش تختفى علشان لسه اكيد
و بعد كده كمل زاى ما انت عايز الشرطو لى عايزها بس المهم بعد ما تخلص فى الكود لى هو هيكون خلاص تمام الاضافة و الحمد الله استريحت اوعى تسنى تخلى الاداء ModalPopupExtender1
تختفى بقه ده طريق الكود ده

كود :
ModalPopupExtender1.Hide()
طبعا اخر حاجه و هى هتقولى طيب ازاى اقدر اتحكم فى الخلفية هقولك يا حج
عن طريق الاداء Panel
ضيف اسم الكلاس ده
modalBackground
و اعمل افاضة ملف جديد للمشروع من نوع css
اكتب الكود ده علشان الخلفية


كود :
[b][align=left]
         .modalBackground
        {

          background-color:  #03426A;
       border-right-style: solid;
border-right-color:  #4b6c9e;
border-right-width: 5px;
   border-left-style: solid;
border-left-color:  #4b6c9e;
border-left-width: 5px;
     border-bottom-style: solid;
border-bottom-color:  #4b6c9e;
border-bottom-width: 5px;
border-top-style: solid;
border-top-color:  #4b6c9e;
border-top-width: 5px;
         }[/align][/b]
و كده و الحمد الله تم الانتهاء من الشرح ايه رايكم الاداء حلوها ولا لا
الرد }}}}
تم الشكر بواسطة:


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم