在使用Repeater控件在运行时更改布局方面需要帮助

时间:2012-12-28 03:06:01

标签: c# asp.net

我是.Net的新手。 目前正致力于为在线公交预订系统创建总线布局。 以下代码是否有任何可能的解决方案

1。 Booking.aspx文件

 <asp:Repeater ID="SeatLayout" runat="server">
     <HeaderTemplate><table class="seatList"><tr></HeaderTemplate>
       <ItemTemplate>
         <td>
          <input type="image" 
                  src="../Images/available_seat_img.png" ><%# Eval("NumberSeat")%></input>
          </td>
        </ItemTemplate>

     <FooterTemplate></tr></table></FooterTemplate>
  </asp:Repeater>

2。代码隐藏文件中的数据绑定。

SeatLayout.DataSource = _seatBUS.GetAllSeatByBusRouter(_listBus);
SeatLayout.DataBind();

第3。数据源涉及“席位”表,其中包含

SeatID
NumberSeat
Status
ListBusId

1 个答案:

答案 0 :(得分:1)

这个怎么样:

  1. 使用基本总线背景和一堆来创建总线映像 公交车各座位的小图片。
  2. 放置座位     使用CSS绝对定位在各自的位置。
  3. 根据所返回的NumberSeat更改座位图像         数据源。
  4. 我不确定您的总线图像是什么样的,但您甚至可以使用div而不是座位图像,这会减轻服务器负载并允许您只需更改相应div ID的背景颜色更改图像源。

    这些教程可以帮助您入门: