Вы не вошли - Войти
< назад

Стандартные элементы страницы

Все страницы в системе YuniquePLM "собираются" примерно по одному принципу.
Вверху находится Button Bar с различными кнопками. Эта обычная таблица, которая всегда делается в одну строку и в несколько столбцов (каждый элемент вставляется в отдельный столбец). Все баттон бары начинаются с одной картинки. Для создания Button Bar используется класс Table Header, который задает дизайн (картинку, отступы).
Создаются кнопки: пишется ID кнопки > через код задается картинка для кнопки.
После Button Bar-а идет Label. Он полностью задается в коде, кроме надписи/названия (надпись берется по имени страницы).
Далее идет форма для поиска (Search Form). При создании формы используется Form Handler.
Над формой могут быть расположены "тыбы", которые переключают способ/вид отображения данных (thumb/list). "Табы" - отдельные Control-ы в Core.
Сразу под Search Form-ой идет основная часть страницы. 

 
Button Bar
 <TABLE class="TableHeader" id="toolbar" cellSpacing="0" cellPadding="0" width="100%" border="0"
 runat="server">
 <TR vAlign="middle">
 <TD vAlign="middle" align="center" width="10"><IMG height="15" src="../System/Images/bbTbSCnr.gif" width="3"></TD>
 <TD width="80">
 тут вставляются кнопки:
 <cc1:confirmedimagebutton id="btnNewPOM" runat="server" Message="NONE" ></cc1:confirmedimagebutton>
 </TD>
 </TR>
 </TABLE> 

 
LabelHeader
 <table style="BORDER-BOTTOM: orange thin solid; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: white"
 height="45" cellSpacing="0" cellPadding="0" width="100%" bgColor="#ffffff" border="0">
 <tr>
 <td> <asp:label id="lblMaterialHeader" runat="server" Font-Names="Tahoma,Verdana" Font-Size="X-Large"
 ForeColor="#E0E0E0"></asp:label></td>
 </tr>
 </table> 

 
панель навигации по страницам
 <TABLE class="TableHeader" height="25" cellSpacing="0" cellPadding="0" width="100%" bgColor="#ffffff" border="0">
 <TR vAlign="middle">
 <TD vAlign="middle" align="center" width="10"><IMG height="15" src="../System/Images/bbTbSCnr.gif" width="3"></TD>
 <TD width="20"><asp:imagebutton id="btnImgFirst" runat="server" ImageUrl="../System/Icons/icon_first.gif"></asp:imagebutton></TD>
 <TD width="20"><asp:imagebutton id="btnImgPrevious" runat="server" ImageUrl="../System/Icons/icon_Previous.gif">
 </asp:imagebutton>



                     пейдж                     "пейдж каунт рассчитывается на сервере

 <TD noWrap align="center" width="125"><asp:label id="lblPageCount" runat="server" CssClass="fontHead"></asp:label></TD>
 <TD width="20"><asp:imagebutton id="btnImgNext" runat="server" ImageUrl="../System/Icons/icon_next.gif"></asp:imagebutton></TD>
 <TD width="20"><asp:imagebutton id="btnImgLast" runat="server" ImageUrl="../System/Icons/icon_last.gif"></asp:imagebutton></TD>
 <TD width="10"> </TD>



                     кол-во                     "кол-во записей рассчитывается на сервере

 <TD noWrap><asp:label id="RecordCount" runat="server" CssClass="font"></asp:label></TD>



                     <TD class="fontHead" align="right" width="110">

 <asp:Label ID="lblRecordsPerPage" runat="server" ></asp:Label></TD>
 <TD width="25"><asp:dropdownlist id="ps" runat="server" CssClass="fontHead">
 <asp:ListItem Value="5">5</asp:ListItem>
 <asp:ListItem Value="10">10</asp:ListItem>
 <asp:ListItem Value="15">15</asp:ListItem>
 <asp:ListItem Value="20">20</asp:ListItem>
 <asp:ListItem Value="25">25</asp:ListItem>
 <asp:ListItem Value="30">30</asp:ListItem>
 <asp:ListItem Value="40">40</asp:ListItem>
 <asp:ListItem Value="50" Selected="True">50</asp:ListItem>
 </asp:dropdownlist></TD>
 <TD width="10"><asp:button id="Button1" onclick="RePage" runat="server" CssClass="fontHead" ></asp:button></TD>
 </TR>
 </TABLE>




 
Help Icon
 <div id="fixed_icons"><a href="../Help/Help_Folder.aspx?Folder=<%= Folder %>&HID=<%= HelpID %>" title="Help" target="_blank" id="yHelp"></a>
 </div>