понедельник, 24 сентября 2012 г.

Вечер 2. Используем SqlDataSource и GridView

Будем использовать для создания заполненных квартир SqlDataSource и GridView.


<asp:SqlDataSource runat="server" ID="SqlDataSource"
 connectionstring="<%$ ConnectionStrings:ApartmentsConnString%>"
 DataSourceMode="DataSet"
 ProviderName="System.Data.SqlClient"
 SelectCommand="SELECT * FROM [Apartments]"
 DeleteCommand="DELETE FROM [Apartments] WHERE id=@id">
</asp:SqlDataSource>

Здесь задаются:

  • команды для выборки данных (SelectCommand
  • удаления (DeleteCommand) их из таблицы
  • Строка соединения из web.config ( connectionstring )
  • DataSourceMode - режим для работы с данными



<asp:GridView AllowPaging="True" PageSize="20" EmptyDataText="Нет квартир" runat="server"
    AllowSorting="True"
    DataKeyNames="id"
    ShowHeader="True"
    DataSourceID="SqlDataSource"
    CssClass="table table-bordered table-condensed table-hover"
    AutoGenerateColumns="False">
    <HeaderStyle CssClass="alert"></HeaderStyle>
    <Columns>
      <asp:CommandField ShowDeleteButton="True" />
      <asp:BoundField HeaderText="П/п" DataField="id" SortExpression="id" />
      <asp:BoundField HeaderText="Стоимость" DataField="price"  SortExpression="price" />
      <asp:BoundField HeaderText="Этаж" DataField="floor"  SortExpression="floor" />
      <asp:BoundField HeaderText="Всего этажей" DataField="maxfloor"  SortExpression="maxfloor" />
      <asp:BoundField HeaderText="Балкон" DataField="balcony" SortExpression="balcony"  />
      <asp:BoundField HeaderText="Состояние" DataField="condition"  SortExpression="condition" />
      <asp:BoundField HeaderText="Дата" DataField="adsdate" SortExpression="adsdate"  />
      <asp:BoundField HeaderText="Комнаты" DataField="rooms" SortExpression="rooms"  />
      <asp:BoundField HeaderText="Кухня" DataField="kitchen" SortExpression="kitchen"  />
      <asp:BoundField HeaderText="Ремонт" DataField="repair" SortExpression="repair"  />
      <asp:BoundField HeaderText="Дополнительно" DataField="bonusinfo" SortExpression="bonusinfo"  />
    </Columns>
  </asp:GridView>

Здесь:

  • разрешаем сортировку (AllowSorting)
  • задаем для каждого поля выражение для сортировки (SortExpression)
  • облагораживаем таблицу стилями bootstrap через CssClass


Осталось только задать ссылку для перехода на форму добавления новой квартиры:


<p>
    <a href="Default.aspx">Добавить квартиру</a>
</p>

Получится примерно следующее:



Более подробную информацию можно посмотреть на сайте msdn:
SqlDataSource
GridView

Также исходные файлы с проектом можно скачать по ссылке Сайт. Вечер 2

Комментариев нет:

Отправить комментарий