با توجه به مطالبی که در همین بخش آموزشی در مورد کنترل GridView در زبان برنامه نویسی asp.net ارائه دادیم اکنون می توانید یک کنترل GridView را به صفحه اضافه نمایید تا اطلاعات جدول را نمایش دهد . هدف این است که هنگامیکه کاربر دسته ای از محصولات را در کادر کشویی کنترل drop-down list انتخاب می کند ، کنترل GridView اطلاعات آن دسته از محصولات در پایگاه داده را نمایش دهد .
نحوه استفاده از کنترل GridView برای نمایش اطلاعات مورد نظر :
مجددا صفحه Default.apsx را باز کرده و به نمای Design بروید .
از بخش کنترل های Data منوی Toolbox ، یک کنترل GridView را بر روی صفحه قرار دهید .
از منوی GridView Tasks که بصورت یک فلش بر روی کنترل GridView است ، گزینه <New Data Source> را از کادر انتخابی Choose Data Source انتخاب کنید . پنجره
Data Source Configuration Wizard باز می شود .
گزینه Database را انتخاب نمایید . در بخش Specify an ID for the data source ، یک کنترل سرور داده بصورت پیش فرض با نام ( SqlDataSource2 ) قرار داده شده است ، آن را
همانطور رها کنید .
از کادر کشویی connections ، ارتباط ( NorthwindConnectionString ) که قبلا در همین راهکار ساخته اید را انتخاب کنید . بر روی گزینه Next کلیک نمایید .
ویزارد صفحه Configure Data Source – SqlDataSource2 را برای شما باز می کند که در آن می توانید یک دستور SQL را تعیین نمایید .
از لیست Name ،گزینه Products را انتخاب نمایید . همچنین از جعبه Columns ، گزینه های ProductID, ProductName و CategoryID را انتخاب نمایید .
گزینه WHERE را کلیک نمایید . پنجره Add WHERE Clause باز می شود .
از لیست Column ، گزینه CategoryID را انتخاب نمایید . از لیست عملگرها ( Operator ) ، عملگر = را انتخاب کنید.
از لیست Source ، گزینه Control را انتخاب کنید . در قسمت Parameter Properties ، از لیست Control ID ، کنترل DropDownList1 را انتخاب کنید . دو مرحله آخری که انجام
دادیم ، تعیین می کند که query ، مقدار فیلد search را از کنترل DropDownList1 ، که قبلا به صفحه اضافه کردیم ، دریافت می کند . گزینه Add و سپس OK را بزنید تا پنجره
AddWHERE Clause بسته شود . در نهایت پنجره WHERER به این صورت می شود :
بر روی گزینه Next کلیک نمایید . در صفحه ای که باز می شود گزینه Test Query را کلیک نمایید . پنجره ای باز می شود که از شما می خواهد مقداری را در کادر متن عبارت WHERE clause وارد نمایید .
مقدار ۴ را وارد کرده ، گزینه OK را بزنید . کنترل محصولات مرتبط با گروه ۴ را نمایش می دهد .
با زدن دکمه Finish ، ویزارد را تمام کنید . سپس با زدن دکمه های CTRL + F5 صفحه را تست نمایید .