8. قائمة المنسدلة: حدد مربع المنسدلة وحدها.
<ASP: DropDownList ID = RETROPDOWN1 RUTAT = Server>
<asp: listItem> البند 1 </asp: ListItem>
<asp: listItem> البند 2 </asp: ListItem>
<ASP: ListItem> البند 3 </ASP: ListItem>
<asp: listItem> البند 4 </asp: listItem>
<ASP: ListItem> البند 5 </ASP: ListItem>
<ASP: ListItem> البند 6 </ASP: ListItem>
</ASP: DropdownList>
طريقة أخرى هي ربط البيانات ، على النحو التالي:
قيم ArrayList = new ArrayList () ؛
القيم. add (in) ؛
القيم. add (ks) ؛
القيم. add (MD) ؛
القيم. add (mi) ؛
القيم. add (أو) ؛
القيم. add (tn) ؛
REPDOWN1.DATASOURCE = القيم ؛
REPDOWN1.DATABIND () ؛
يمكنك اختيار هاتين الطريقتين.
9. الارتباط التشعبي: ولكنه يختلف عن HTML's <A HREF> كعنصر تحكم في جانب الخادم ، مع وجود اثنين من سمات النص وتنقله ، ويمكن تعريفه بربط البيانات سرد نوعين أقل من نوعين.
الطريقة 1:
<ASP: معرف الارتباط التشعبي = hyperlink1 cavigateurl = "/QuickStart" runat = server>
انتقل إلى Quickstart
</asp: الارتباط التشعبي>
الطريقة الثانية:
<٪@ استيراد المساحة = system.data ٪>
<html>
<لغة البرنامج النصي = c# runat = server>
void page_load (Object SRC ، eventArgs e) {{
Datatable dt = new dataTable () ؛
DataArow DRR ؛
dt.columns.add (datacolumn جديد (integervalue ، typeof (int32))) ؛
dt.columns.add (DataColumn جديد (StringValue ، typeof (سلسلة)) ؛
dt.columns.add (DataColumn جديد (DateTimeValue ، typeof (dateTime))) ؛
dt.columns.add (DataColumn جديد (boolvalue ، typeof (bool)) ؛
dt.columns.add (DataColumn جديد (CurrencyValue ، typeof (double)) ؛
لـ (int i = 0 ؛ i <9 ؛ i ++) {
DR = dt.newrow () ؛
DR [0] = i ؛
DR [1] = item + int32.toString (i) ؛
DR [2] = Dates.Now ؛
DR [3] = (i ٪ 2! = 0)؟
DR [4] = 1.23 * (i+1) ؛
dt.rows.add (DR) ؛
}
myreper.datasource = جديد dataview (dt) ؛
myreper.databind () ؛
}
</script>
<body>
<h3> <font face = verdana> databinding htmlanchor </font> </h3>
<p>
<form runat = server>
<asp: معرف مكرر = myrepeater runat = server>
<اسم القالب = itemTemplate>
رابط ل
<ASP: معرف Hyperlink = text hyperlink1 = <٪# databinder.eval.eval (container.dataitem ، stringValue) ٪> ' Runat = خادم />
<p>
</template>
</ASP: مكرر>
</form>
</body>
</html>
10. الصورة ، هناك صورة واحدة فقط.
11. MageButton: من الأفضل فهم زر الصورة ، لكنك لا تقلل من شأنه. بادئ ذي بدء ، يمكن استخدامه كزر (هراء). أنا. جوهر أنا مسطحة لك! ألقِ نظرة على البرنامج التالي:
ImageButton2.aspx
<html>
<head>
<لغة البرنامج النصي = c# runat = server>
void imageButton1_onclick (مصدر الكائن ، ImageClickeventArgs e) {{
int x = ex ؛
int y = ey ؛
label1.text = x: + x.toString () ؛
label2.text = y: + y.toString () ؛
button1.imageurl = /quickstart/aspplus/images/billg.gif ؛
// تحقق لمعرفة ما إذا كانت العين أو الأذن أو الأنف أو المتوخ قد تم.
if (x> 20 && x <35 && y> 72 && y <88) {
label3.text = تنقر على أذن بيل.
}
آخر إذا (x> 42 && x <58 && y> 48 && y <64) {{
label3.text = أنت عين بيل.
}
آخر إذا (x> 62 && x <90) {
if (y> 46 && y <56) {
label3.text = أنت عين بيل.
}
آخر إذا (y <72 && y> 60) {
label3.text = تنقر على أنف بيل. ؛
}
آخر إذا (y <92 && y> 74) {
button1.imageurl = /quickstart/aspplus/images/billg_tongue.gif ؛
label3.text = phftttttttttt!
}
آخر {
WHOPS () ؛
}
}
آخر إذا (x> 100 && x <108 && y> 56 && y <72) {
label3.text = تنقر على أذن بيل.
}
آخر {
WHOPS () ؛
}
}
void whoops () {
label3.text = فاتك!
}
</script>
</head>
<body>
<h3> <font face = verdana> باستخدام ImageButton كخريطة صورة </font> </h3>
<form runat = server>
<عرض الجدول = 100 ٪ الحدود = 0>
<tr>
<عرض TD = 25 ٪>
<asp: ImageButton id = button1 imageurl =/QuickStart/aspplus/images/billg.gif borderwidth = 2px onClick = imageButton1_onclick runat = server/>
</td>
<td>
<ASP: معرف التسمية = label1 text = x: runat = server/>
<br>
<ASP: معرف التسمية = label2 text = y: runat = server/>
</td>
</r>
</table>
<asp: label id = label3 font-black = true text = runat = server/>
</form>
</body>
</html>
قم بالركض ، ماذا ترى؟ إنه بيل غيتس ابتسامة سخيفة. نقطة الماوس الخاصة بك ، ولكن لا تنسى أن هذه مجرد وظيفة بساطة يمكن القيام بها بواسطة صورة بسيطة.
12. التسمية ، تم ذكر المثال السابق ، إنه عنصر تحكم في جانب الخادم.
13. Linkbutton: هناك التحكم في زر الخادم.
14. مربع القائمة.
15. لوحة التحكم في خادم اللوحة ، هذا شيء جيد. من أدوات التحكم في الخادم.
لوحة 1.aspx
<html>
<head>
<لغة البرنامج النصي = c# runat = server>
void page_load (مرسل الكائن ، EventArgs e) {{
// إظهار/إخفاء محتويات اللوحة
IFCK1.checked) {
Panel1.visible = false ؛
}
آخر {
Panel1.visible = true ؛
}
// إنشاء عناصر التحكم في التسمية
int numlabels = int.fromString (REPDOWN1.SelectedItem.value) ؛
لـ (int i = 1 ؛ i <= numlabels ؛ i ++) {
Label L = New Label () ؛
l.text = label + int32.toString (i) ؛
l.id = label + int32.toString (i) ؛
Panel1.Controls.add (L) ؛
Panel1.Controls.add (New LineralControl (<br>)) ؛
}
// إنشاء عناصر التحكم في مربع النص
int undtexts = int.fromString (REPDOWN2.SelectedItem.value) ؛
لـ (int i = 1 ؛ i <= undtexts ؛ i ++) {
textbox t = new textbox () ؛
t.text = textbox + int32.toString (i) ؛
t.id = textbox + int32.toString (i) ؛
Panel1.Controls.Add (t) ؛
Panel1.Controls.add (New LineralControl (<br>)) ؛
}
}
</script>
</head>
<body>
<h3> <font face = verdana> مثال على لوحة </font> </h3>
<form runat = server>
<ASP: معرف اللوحة = panel1 Runat = Server
BackColor = Gainsboro
الارتفاع = 200 بكسل
العرض = 300px>
اللوحة 1: هنا بعض المحتوى الثابت ...
<p>
</asp: لوحة>
<p>
توليد الملصقات:
<ASP: DropDownList ID = RETROPDOWN1 RUTAT = Server>
<ASP: ListItem Value = 0> 0 </ASP: ListItem>
<ASP: ListItem Value = 1> 1 </ASP: ListItem>
<ASP: ListItem Value = 2> 2 </ASP: ListItem>
<ASP: ListItem Value = 3> 3 </ASP: ListItem>
<ASP: ListItem Value = 4> 4 </ASP: ListItem>
</ASP: DropdownList>
<br>
إنشاء مربعات نصية:
<ASP: DropDownList ID = RETROPDOWN2 RUNAT = Server>
<ASP: ListItem Value = 0> 0 </ASP: ListItem>
<ASP: ListItem Value = 1> 1 </ASP: ListItem>
<ASP: ListItem Value = 2> 2 </ASP: ListItem>
<ASP: ListItem Value = 3> 3 </ASP: ListItem>
<ASP: ListItem Value = 4> 4 </ASP: ListItem>
</ASP: DropdownList>
<p>
<ASP: معرف مربع الاختيار = Check1 Text = Hide Panel Runat = Server/>
<p>
<asp: text button = refresh panel runat = server/>
</font>
</form>
</body>
</html>
حسنًا ، دعنا نتحدث عن ذلك أولاً ، إنه متعب بعض الشيء. في المستقبل ، سأقدم التحكم في جانب الخادم المتبقي.