Как получить высоту контейнера вкладок с помощью jQuery или javascript?

У меня есть tabcontainer в аккордеоне.

Если вкладка, на которой я нахожусь, короче вкладки, на которую я переключаюсь, мне нужно прокрутить, чтобы увидеть содержимое новой вкладки.

Я хочу иметь возможность «поймать» высоту tabcontainer, когда я переключаюсь на него и изменяю размер div, который его содержит.

Я думал:

 function clientActiveTabChanged(sender, args) {

         alert(sender.height());
        };

показал бы мне высоту, но это не работает.

ТабКонтейнер это:

 <ajaxToolkit:TabContainer ID="projTabContainer" OnClientActiveTabChanged="clientActiveTabChanged"  runat="server" CssClass="ajax__tab_red-theme">

javascript jquery asp.net tabcontainer
person Ben    schedule 14.03.2013    source источник

Ответы (3)


arrow_upward
1
arrow_downward

я думаю, что это поможет вам: здесь< /а>

$(myJquerySelector).attr('id');

Вам нужно просто изменить "id" на "height"

EDIT: вы можете получить цель события, используя: event_target

И выбрать идентификатор:

 $('TabContainer').change(function(event) {
  var tabContainerID = $(event.target).attr('id');
  alert(tabContainerID);
});

И теперь у вас есть идентификатор, когда вы нажимаете на вкладку. С этим идентификатором вы можете легко найти высоту. Я надеюсь, что это поможет вам.

person Francois Borgies    schedule 14.03.2013
comment
Проблема в том, что я не знаю идентификатор элемента, так как tabcontainer вложен в повторитель. есть ли способ использовать отправителя для идентификации элемента? - person Ben; 14.03.2013

arrow_upward
1
arrow_downward

sender, переданный clientActiveTabChanged, не является объектом jQuery, это DOMElement. Попробуйте следующее:

function clientActiveTabChanged(sender, args) {
  var height = $(sender).height();
  console.log('height is: ' + height);
};
person Rich O'Kelly    schedule 14.03.2013

arrow_upward
1
arrow_downward

Вы можете автоматически изменить размер контейнера вкладок (Ссылка: Автоматически изменить размер TabContainer )

function clientActiveTabChanged() {
    //get the tabContainer for later reference
    var tc = document.getElementById("<%=tabContainer.ClientId%>");

    //get the index of the tab you just clicked.
    var tabIndex = 
         parseInt($find("<%=tabContainer.ClientId%>").get_activeTabIndex(), 10);

    //set the tabcontainer height to the tab panel height.
    tc.childNodes[1].style.height = 
         tc.childNodes[1].childNodes[tabIndex].clientHeight;
};

Внесите необходимые изменения в приведенную выше функцию.

person Microsoft DN    schedule 14.03.2013