Проекты

Элемент управлния похож на стандартный элемент управления asp:Wizard. Но вместо того чтобы переключать закладки через POST, данный контролл переключает их скрывая div страницы и открывая другой div, обозначающий другую страницу.

Контрол написан ещё в 2005м году. Теперь уже подобный функционал есть в AjaxControlToolkit, так что Я его использую только в тех проектах, где мне не понадобится всё разнообразие библиотеки AjaxControlToolkit'а.

Основная особенность элемента в том, что шапку можно рендерить в одном мастере, а содержимое в другом мастере.

Пример использования:

<asp:PlaceHolder ID="phBookmarkerH" runat="server" />
<user:Bookmarker ID="usrBookmarker" AssociatedControlId="phBookmarkerH" SelectedIndex="0" runat="server">
	<Items>
		<user:BookmarkItem Text="Tab 1" runat="server">
			<h2>Tab 1 Contents</h2>
		</user:BookmarkItem>
		<user:BookmarkItem Text="Tab 2" runat="server">
			<h2>Tab 2 Contents</h2>
		</user:BookmarkItem>
	</Items>
</user:Bookmarker>

Пример skin файла:

<user:Bookmarker ActiveCssClass="selectedItem" InactiveCssClass="defaultItem" runat="server">
	<Templates>
		<HeaderTemplate>
			<div class="bookmarkTitle">
		</HeaderTemplate>
		<SeparatorTemplate>
			</div>
			<div class="textSeparator">|</div>
			<div class="bookmarkTitle">
		</SeparatorTemplate>
		<FooterTempalte>
			</div>
			<span style="clear:both">&nbsp;</span>
		</FooterTempalte>
	</Templates>
</user:Bookmarker>

Основные свойства настроек:

• AssociatedControlId — Идентификатор элемента управления в котором отрендерить шапку с табами.
• ActiveCssClass — CSS класс активной закладки.
• InactiveCssClass — CSS класс не активной закладки.
• SelectedIndex — Индекс выбранной закладки по умолчанию.