14-10-12, 11:21 PM
عودة لقواعد البيانات :
سنعود لتطبيقنا الأخير حول قواعد البيانات ، جرب وضع صورة في الصفحة ، وجرب وضع اي قيمة في حقل السعر الأقصى وقم بالضغط على Enter .
هل لاحظت ما يحدث ، ايضاً يتم تحديث الصفحة بالكامل ، في تطبيقنا التالي سنجعل التحديث يطال ال GridView فقط دون أن تتأثر باقي محتوياته .
الموضوع بسيط جداً كما جربناه ، ضع update panel ، وضع فيها ال GridView ، اضف زر امر ، ومن ثم اضف ال Triggers كما تعودنا في الدرس الماضي ، سيصبح الكود الكامل بالشكل التالي :
الآن فقط قم بتجربة الصفحة ، ولاحظ الفارق .
سنعود لتطبيقنا الأخير حول قواعد البيانات ، جرب وضع صورة في الصفحة ، وجرب وضع اي قيمة في حقل السعر الأقصى وقم بالضغط على Enter .
هل لاحظت ما يحدث ، ايضاً يتم تحديث الصفحة بالكامل ، في تطبيقنا التالي سنجعل التحديث يطال ال GridView فقط دون أن تتأثر باقي محتوياته .
الموضوع بسيط جداً كما جربناه ، ضع update panel ، وضع فيها ال GridView ، اضف زر امر ، ومن ثم اضف ال Triggers كما تعودنا في الدرس الماضي ، سيصبح الكود الكامل بالشكل التالي :
كود :
[color=#000080]<%@ Page Language=[COLOR=#0000ff]"C#"[/color] AutoEventWireup=[color=#0000ff]"true"[/color] CodeFile=[color=#0000ff]"Default5.aspx.cs"[/color] Inherits=[color=#0000ff]"Default5"[/color] %>[/COLOR]
[color=#000080]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/color]
[color=#000080]<html xmlns=[COLOR=#0000ff]"http://www.w3.org/1999/xhtml"[/color]>[/COLOR]
[color=#000080]<head runat=[COLOR=#0000ff]"server"[/color]>[/COLOR]
[color=#000080]<title>[/color]Untitled Page[color=#000080]</title>[/color]
[color=#000080]</head>[/color]
[color=#000080]<body>[/color]
[color=#ff8000]<form id=[COLOR=#0000ff]"form1"[/color] runat=[color=#0000ff]"server"[/color]>[/COLOR]
[color=#000080]<center>[/color]
[color=#000080]<div>[/color]
[color=#000080]<asp:SqlDataSource ID=[COLOR=#0000ff]"SqlDataSource1"[/color] runat=[color=#0000ff]"server"[/color]
ConnectionString=[color=#0000ff]"<%$ ConnectionStrings:ItemsConnectionString %>"[/color]
SelectCommand=[color=#0000ff]"SELECT * FROM [Items] WHERE ([ItemPrice] [b][i]<[/i][/b] @ItemPrice)"[/color]>[/COLOR]
[color=#000080]<SelectParameters>[/color]
[color=#000080]<asp:ControlParameter ControlID=[COLOR=#0000ff]"TextBox1"[/color] DefaultValue=[color=#0000ff]"0"[/color] Name=[color=#0000ff]"ItemPrice"[/color]
PropertyName=[color=#0000ff]"Text"[/color] Type=[color=#0000ff]"Int64"[/color] />[/COLOR]
[color=#000080]</SelectParameters>[/color]
[color=#000080]</asp:SqlDataSource>[/color]
[color=#000080]<br />[/color]
[color=#000080]<br />[/color]
[color=#000080]<asp:Button ID=[COLOR=#0000ff]"Button1"[/color] runat=[color=#0000ff]"server"[/color] Text=[color=#0000ff]"Button"[/color] />[/COLOR]
[b][i] [/i][/b][color=#000080]<asp:TextBox ID=[COLOR=#0000ff]"TextBox1"[/color] runat=[color=#0000ff]"server"[/color]>[/COLOR]1000[color=#000080]</asp:TextBox>[/color]
[color=#000080]<asp:Label ID=[COLOR=#0000ff]"Label1"[/color] runat=[color=#0000ff]"server"[/color] Text=[color=#0000ff]"البحث عن البضائع تحت سعر"[/color]>[/COLOR][color=#000080]</asp:Label>[/color]
[color=#000080]<br />[/color]
[color=#000080]<asp:ScriptManager ID=[COLOR=#0000ff]"ScriptManager1"[/color] runat=[color=#0000ff]"server"[/color] EnablePartialRendering=[color=#0000ff]"true"[/color]>[/COLOR]
[color=#000080]</asp:ScriptManager>[/color]
[color=#000080]<br />[/color]
[color=#000080]<asp:UpdatePanel ID=[COLOR=#0000ff]"UpdatePanel1"[/color] runat=[color=#0000ff]"server"[/color] >[/COLOR]
[color=#000080]<ContentTemplate>[/color]
[color=#000080]<asp:GridView ID=[COLOR=#0000ff]"GridView1"[/color] runat=[color=#0000ff]"server"[/color] AutoGenerateColumns=[color=#0000ff]"False"[/color]
DataKeyNames=[color=#0000ff]"ID"[/color] DataSourceID=[color=#0000ff]"SqlDataSource1"[/color] AllowPaging=[color=#0000ff]"True"[/color] AllowSorting=[color=#0000ff]"True"[/color]
AutoGenerateDeleteButton=[color=#0000ff]"True"[/color] AutoGenerateEditButton=[color=#0000ff]"True"[/color]
AutoGenerateSelectButton=[color=#0000ff]"True"[/color] BackColor=[color=#0000ff]"White"[/color] BorderColor=[color=#0000ff]"#E7E7FF"[/color]
BorderStyle=[color=#0000ff]"None"[/color] BorderWidth=[color=#0000ff]"1px"[/color] CellPadding=[color=#0000ff]"3"[/color] GridLines=[color=#0000ff]"Horizontal"[/color]
onselectedindexchanged=[color=#0000ff]"GridView1_SelectedIndexChanged"[/color]>[/COLOR]
[color=#000080]<FooterStyle BackColor=[COLOR=#0000ff]"#B5C7DE"[/color] ForeColor=[color=#0000ff]"#4A3C8C"[/color] />[/COLOR]
[color=#000080]<RowStyle BackColor=[COLOR=#0000ff]"#E7E7FF"[/color] ForeColor=[color=#0000ff]"#4A3C8C"[/color] />[/COLOR]
[color=#000080]<Columns>[/color]
[color=#000080]<asp:CommandField ShowSelectButton=[COLOR=#0000ff]"True"[/color] />[/COLOR]
[color=#000080]<asp:BoundField DataField=[COLOR=#0000ff]"ID"[/color] HeaderText=[color=#0000ff]"ID"[/color] InsertVisible=[color=#0000ff]"False"[/color]
ReadOnly=[color=#0000ff]"True"[/color] SortExpression=[color=#0000ff]"ID"[/color] />[/COLOR]
[color=#000080]<asp:BoundField DataField=[COLOR=#0000ff]"ItemName"[/color] HeaderText=[color=#0000ff]"ItemName"[/color]
SortExpression=[color=#0000ff]"ItemName"[/color] />[/COLOR]
[color=#000080]<asp:BoundField DataField=[COLOR=#0000ff]"ItemPrice"[/color] HeaderText=[color=#0000ff]"ItemPrice"[/color]
SortExpression=[color=#0000ff]"ItemPrice"[/color] />[/COLOR]
[color=#000080]<asp:BoundField DataField=[COLOR=#0000ff]"ItemPicture"[/color] HeaderText=[color=#0000ff]"ItemPicture"[/color]
SortExpression=[color=#0000ff]"ItemPicture"[/color] />[/COLOR]
[color=#000080]</Columns>[/color]
[color=#000080]<PagerStyle BackColor=[COLOR=#0000ff]"#E7E7FF"[/color] ForeColor=[color=#0000ff]"#4A3C8C"[/color]
HorizontalAlign=[color=#0000ff]"Right"[/color] />[/COLOR]
[color=#000080]<SelectedRowStyle BackColor=[COLOR=#0000ff]"#738A9C"[/color] Font-Bold="True"
ForeColor=[color=#0000ff]"#F7F7F7"[/color] />[/COLOR]
[color=#000080]<HeaderStyle BackColor=[COLOR=#0000ff]"#4A3C8C"[/color] Font-Bold="True"
ForeColor=[color=#0000ff]"#F7F7F7"[/color] />[/COLOR]
[color=#000080]<AlternatingRowStyle BackColor=[COLOR=#0000ff]"#F7F7F7"[/color] />[/COLOR]
[color=#000080]</asp:GridView>[/color]
[color=#000080]</ContentTemplate>[/color]
[color=#000080]<Triggers>[/color]
[color=#000080]<asp:AsyncPostBackTrigger EventName=[COLOR=#0000ff]"Click"[/color] ControlID=[color=#0000ff]"Button1"[/color] />[/COLOR]
[color=#000080]</Triggers>[/color]
[color=#000080]</asp:UpdatePanel>[/color]
[color=#000080]<br />[/color]
[color=#000080]<br />[/color]
[color=#000080]<br />[/color]
[color=#000080]</div>[/color]
[color=#000080]</center>[/color]
[color=#ff8000]</form>[/color]
[color=#000080]</body>[/color]
[color=#000080]</html>[/color]