• 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

  • 相关阅读:
    顺序表代码(指针实现)
    顺序表代码
    爬虫问题之Unknown command: crawl
    MongoDB的启动
    python复制文件到文件夹中
    .content和.text的区别
    ip协议,IP,子网掩码,ping命令是什么
    网络通信流程
    tcp和udp得区别
    flask中的目录解析
  • 原文地址:https://www.cnblogs.com/happy-Chen/p/3583961.html
Copyright © 2020-2023  润新知