2

アコーディオン内にタブコンテナがあります。

現在のタブが切り替え先のタブよりも短い場合、新しいタブのコンテンツを表示するにはスクロールする必要があります。

タブコンテナに切り替えて、それを含むdivのサイズを変更するときに、タブコンテナの高さを「キャッチ」できるようにしたい。

私は考えました：

 function clientActiveTabChanged(sender, args) {

         alert(sender.height());
        };

高さを表示しますが、機能しません。

TabContainer は次のとおりです。

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

3 に答える 3

1

タブコンテナのサイズを自動変更できます- （参照：タブコンテナの自動サイズ変更）

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;
};

必要に応じて上記の機能を変更します。

于 2013-03-14T11:58:48.507 に答える
1

私はこれがあなたを助けると思います：ここ

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

に変更するだけ"id"です"height"

編集：次を使用してイベントのターゲットを取得できます：event_target

ID を選択するには:

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

これで、タブをクリックすると ID が表示されます。この ID を使用すると、高さを簡単に見つけることができます。これがお役に立てば幸いです。

于 2013-03-14T10:28:57.140 に答える