Sira* th ConrMction String to th Application Configurition Fil

storing connection JtrinQ? m the application configufition tile iimplrfiej m nten*nce and deployment To save the connection string in application configuration file enter a name in the text boi and then click Nert If you choose not to do this the connection string ii saved in the page as a property of the data source control

Do you want to saw the connection in the application conftffuratMMi Me? BQ Yes. save this connection as: EvenlsConnectionString

Puc. 19.27. Сохранение строки соединения

Conflgur* the S l ct Stat TY nt

How wouW you ike to retrieve daU hom your database?

Specify a custom QL statement or stored procedure Specify columns from a Isble or view Name

Cfllumns-

Trtle

В Rjturn on y unique rows

OfiOER BY...

SEiEa statement

SEIEG [Idl Trtlel [DateL aocation) FROM [Events]

Puc. 19.28. Построение команды SQL для чтения данных из таблицы Events

Id Title Date LocatioB

0 abc 02 10 2000000 00 abc

1 abc 02 10 200 00 00<Ю abc

2 abc 02 10 200 00 00 00 abc

3 dbc 02 10 2007 00 0000 Лс

4 abc 02.10.2007 ООЮОЮОаЬс SqiOataSource - EventsDataSource

Puc. 19.29. Элемент управления GridView

12. Чтобы придать более привлекательный внешний вид элементу управления GridView, выберите пункт AutoFormat в смарт-теге и выберите схему Lilacs in Mist (Сирень в тумане), показанную на рис. 19.30.

Рис. 19.30. Выбор схемы Lilacs in Mist

13. Запустите страницу с помощью Visual Studio, и вы увидите события в симпатичной таблице, как показано на рис. 19.31.

Ш umMtd Pagi Windows umtDtl Exptortr

Un il d Pag

1 Gwrn SteStm

CbttdeBuri

Brace SpnoestMB VanHalcn

Spice Girti

8 Rod Stewart

17.102007 13 11 200 12 10 IW 19 11200 22 12 200 25 10 200 WOl 200 27.10.2007

000000 \1епм ООЮаОО G\as9aw OOOOOO Los OOOOOO Bostoo OOOOOO Oakland OOiXHX) Loodoc OOOOOO London 00.<Ю;00 Beifin

% Local MtTBoet I Protected Mode: on

Puc. 19.31. Содержимое таблицы событий

Описание полученных результатов

После того как вы добавите элемент управления GridView, вы сможете увидеть его конфигурацию в исходном коде. Атрибут DataSourcelD определяет связь с элементом управления данными, который расположен ниже элемента управления сетки. В элементе <Columns> показаны все столбцы для отображения данных. HeaderText определяет текст заголовка, а DataField - имя поля в источнике данных.

Источник данных определен в элементе <asp: SqlDataSource>, в котором SelectCommand определяет, как производрггся чтение данных из базы, а ConnectionString определяет, как осуществляется подключение к базе данных. Так как вы выбрали вариант сохранения строки соединения в конфигурационном файле, для создания связи с динамически сгенерированным классом из конфигурационного файла используется <%$:

<asp:GridView AutoGenerateColumns= False BackColor= White BorderColor= White BorderStyle= Ridge

BorderWidth= 2px CellPadding= 3 CellSpacing= 1 DataKeyNames= Id

DataSourceID= EventsDataSource

GridLines= None ID= GridViewl runat= server > <footerstyle BackColor= #C6C3C6 forecolor= Black /> <rowStyle BackColor= #DEDFDE forecolor= Black /> <Columns>

<asp:boundfield DataField= Id HeaderText= Id

InsertVisible= False ReadOnly= True

SortExpression= Id ></asp:boundfield> <asp:boundfield DataField= Title HeaderText= Title

SortExpression= Title ></asp:boundfield> <asp:boundfield DataField= Date HeaderText= Date

SortExpression= Date ></asp:boundfield> <asp:boundfield DataField= Location HeaderText= Location

SortExpression= Location ></asp:boundfield> </Columns>

<pagerstyle backcolor= #C6C3C6 forecolor= Black

horizontalalign= Right /> <selectedrowstyle backcolor= #9471DE font-bold= True

forecolor= White /> <headerstyle backcolor= #4A3C8C font-bold= True forecolor= #E7E7FF /> <editrowstyle font-bold= False font-italic= False /> </asp:GridView> <asp:SqlDataSource

ConnectionString= <%$ ConnectionStrings:EventsConnectionString %> ID= EventsDataSource runat= server SelectCommand= SELECT [Id], [Title], [Date], [Location] FROM [Events] > </asp:SqlDataSource>

В конфигурационном файле web. conf ig вы можете найти строку соединения с базой данных:

<connectionStrings>

<add name= EventsConnectionString

connectionString= Data Source=(local);

Integrated Security=True;Initial Catalog=BegVCSharpEvents; providerName= System.Data.SqlClient /> </connectionStrings>

Теперь элемент GridView должен быть настроен по-другому. В следующем упражнении столбец с обозначением идентификатора больше не отображается для пользователя, а в столбце даты и времени отображается только дата.