zoukankan      html  css  js  c++  java
  • TabContainer使用过程中混肴滚动位置问题

    >>Issue:

    I have a 3 tab panels in a tab container in the middle of the page. The problem is that when the page loads the first tab panel gets focus and the page is scrolled to that position.

    Looking at the latest AJAX Souce code from December, I noticed that the _app_onload function forces the focus to the active tab.  I believe this is occuring upon every postback.  Before I muck around with the source, I wanted to see if there was a reason for this.

    Since posting this I commente out the "activeTab._setFocus(activeTab);" line.  It works in multiple browsers; just not IE8, which is what my organization is current stuck on.  Still looking for a solution to the Scroll Position.

    >>Solution:

    <ajax:ToolkitScriptManager ID="scriptmanager1" runat="server"></ajax:ToolkitScriptManager>
        <script type="text/javascript">
            Sys.Extended.UI.TabContainer.prototype._app_onload = function (sender, e) {
                if (this._cachedActiveTabIndex != -1) {
                    this.set_activeTabIndex(this._cachedActiveTabIndex);
                    this._cachedActiveTabIndex = -1;
    
                    var activeTab = this.get_tabs()[this._activeTabIndex];
                    if (activeTab) {
                        activeTab._wasLoaded = true;
                        //activeTab._setFocus(activeTab);     // the only change made to this prototype
                    }
                }
                this._loaded = true;
            }
       </script>

    please refer to the links for details:

    Ajax Control Toolkit tab panel control gets the focus automatically and the page scrolls to that control on load

    http://forums.asp.net/t/1884614.aspx

    TabContainer throws exception in user control with Nov release

    http://ajaxcontroltoolkit.codeplex.com/workitem/27053

  • 相关阅读:
    Lambda
    Thread&线程池
    异常
    Map
    List and Set
    Collection和迭代器Iterator
    Object类,常用API
    (一)自定义 mybatis 之框架介绍
    Nginx三大功能及高并发分流
    http协议改为https
  • 原文地址:https://www.cnblogs.com/happy-Chen/p/3583961.html
Copyright © 2011-2022 走看看