【问题标题】:List items in Ajax toolkit combo box appears in wrong positionAjax 工具包组合框中的列表项出现在错误的位置
【发布时间】:2012-09-17 13:47:21
【问题描述】:

我在网页中有一个 Ajax Toolkit 组合框,它有一个母版页。组合框位于表格内。当网页加载时,该组合框的列表项出现在远离组合框的下方。

解决方法是什么? :(

【问题讨论】:

  • 没有人可以帮助解决这个问题??
  • @AnnL... 你有什么解决办法吗?
  • 今晚再回来看看能不能给点建议。
  • 我没有解决方案,但是如果您对发生这种情况的任何浏览器使用适当的工具,您应该能够看到哪些 CSS 和 HTML 位置和位置设置适用于列表项目出现时。这应该会告诉您一些关于导致此问题的原因 - 无论是边距问题、定位问题还是完全不同的问题。祝你好运!
  • 另外,看看这篇文章。这个人似乎遇到了你做的一些问题:stackoverflow.com/questions/5485153/…

标签: asp.net combobox


【解决方案1】:
.ajax__combobox_itemlist
{
position:absolute!important; 
height: 100px !important;
overflow: auto !important;
top: auto !important;
left: auto !important;
}

效果很好……

【讨论】:

    【解决方案2】:

    我也有同样的问题。这是一个在 ajaxcontrolkit 自动完成扩展器中列出的错误。基本上,列表在页面内放置位置的计算是错误的。

    有很多修复方法,但使用起来很痛苦,所以只需这样做:

    combobox1_OptionList{
        position: fixed !important
    }
    

    它改变了计算的方式,幸运的是它变得准确。

    注意:如果您的包含 div 将在窗口调整大小时更改位置(例如left: 10%; top 50%;),那么当您更改窗口大小时,组合框列表将不会在组合框下方移动并且将被留下。但是,每次触发组合框列表时,都会重新计算其位置,因此添加一个 javascript 事件来调整窗口大小以关闭组合框列表可能会奏效。

    【讨论】:

      【解决方案3】:

      尝试将 ComboBox 包装在一个 div 中。我有同样的问题。我为每个 ComboBox div 添加了一个类,并添加了以下 css。

      .cbox
      {
          margin: 0 auto;
          width: 280px;
      }
      

      根据您的喜好设置宽度。边距:自动根据宽度将 div 放置在父级的中心。

      【讨论】:

        【解决方案4】:

        请看这个示例

        http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ComboBox/ComboBox.aspx

        组合框已知问题

        当指定 ListItemHoverCssClass 并且 ComboBox 列表可滚动时,突出显示列表项将导致滚动条在使用 Internet Explorer Web 浏览器时闪烁。为避免此问题,请不要指定 ListItemHoverCssClass 属性。

        如果这不能解决问题,请在评论中提及您的组合框标记

        谢谢

        【讨论】:

        • ` 名称:`
        • 不仅在 IE 中,我已经在 chrome、firefox 中对其进行了测试。所有结果都相同.. :(
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2012-10-19
        • 1970-01-01
        • 2012-01-03
        • 2021-01-24
        • 2010-10-12
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多