ASP.AJAX TabContainer / Настройка TabPanel - PullRequest
Новая
       6

ASP.AJAX TabContainer / Настройка TabPanel

3 голосов
/ 27 октября 2008

Можно ли установить положение вкладок в нижней части контейнера вкладок с помощью AjaxToolkit? У вас есть некоторый контроль над CSS, но я не достаточно разбираюсь в CSS, чтобы понять, возможно ли это?

Спасибо

Ответы [ 2 ]

3 голосов
/ 16 октября 2009

Или вы можете просто использовать TabStripPlacement свойство TabContainer ...

Свойства TabContainer

  • ActiveTabChanged (Event) - срабатывает на стороне сервера при изменении вкладки после обратной передачи
  • OnClientActiveTabChanged - Имя функции javascript для подключения к клиентскому событию tabChanged
  • CssClass - Переопределение класса css, используемое для определения пользовательского интерфейса для вкладок. Подробнее см. В разделе «Вкладки».
  • ActiveTabIndex - первая вкладка для отображения
  • Высота - устанавливает высоту тела вкладок (не включает заголовки TabPanel)
  • Ширина - устанавливает ширину тела вкладок
  • Полосы прокрутки - Отображать ли полосы прокрутки (Нет, Горизонтальная, Вертикальная, Обе, Авто) в теле TabContainer
  • TabStripPlacement - отображать ли вкладки сверху контейнера или ниже (сверху, снизу)
3 голосов
/ 30 октября 2008

Вы не можете использовать стандартную версию этого элемента управления, но вы можете легко изменить исходный код для создания своей собственной версии. Оформить заказ AjaxControlToolkit \ Tabs \ TabContainer.cs (ниже). Вам необходимо изменить порядок так, чтобы часть RenderHeader () находилась ниже части RenderChildren (). В качестве альтернативы вы можете добавить свойство к элементу управления под названием «RenderHeaderFirst» или что-то подобное для достижения той же функциональности: 

    protected override void RenderContents(HtmlTextWriter writer)
    {
        Page.VerifyRenderingInServerForm(this);

        // rendering the tabs (header)
        writer.AddAttribute(HtmlTextWriterAttribute.Id, ClientID + "_header");
        writer.RenderBeginTag(HtmlTextWriterTag.Div);
        {
            RenderHeader(writer);
        }
        writer.RenderEndTag();

        // rendering the contents of the tabs (children)
        if (!Height.IsEmpty)
            writer.AddStyleAttribute(HtmlTextWriterStyle.Height, Height.ToString());

        writer.AddAttribute(HtmlTextWriterAttribute.Id, ClientID + "_body");
        writer.RenderBeginTag(HtmlTextWriterTag.Div);
        {
            RenderChildren(writer);
        }
        writer.RenderEndTag();
    }

P.S. Я сам не пробовал, но похоже, что это правильное направление.

...