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

  • 相关阅读:
    EMQ ---payload
    EMQ --集成搭建
    chome 离线安装包地址
    EMQ ---问题集
    EMQ学习---客户链接资源消耗
    EMQ学习 ---集群
    EMQ 学习---MQTT消息QoS
    EMQ 学习---订阅$SYS主题,捕获客户端上下线消息
    EMQ学习笔记---Clean Session和Retained Message
    elasticsearch学习网站
  • 原文地址:https://www.cnblogs.com/happy-Chen/p/3583961.html
Copyright © 2011-2022 走看看