asp.net - Ajax ツールキット コンボ ボックスのリスト項目が間違った位置に表示される

Question

マスターページを持つ Web ページに Ajax Toolkit コンボボックスがあります。コンボボックスはテーブル内にあります。Web ページが読み込まれると、このコンボ ボックスのリスト項目がコンボ ボックスから遠く離れた場所に表示されます。

修正は何ですか?? :(

Answer 1

私は同じ問題を抱えています。これは、ajaxcontrolkit autocompleteextender にもあるよくリストされたバグです。基本的に、リストがページ内のどこに配置されるかの計算は間違っています。

これには多くの修正がありますが、使用するのは面倒なので、次のようにしてください。

combobox1_OptionList{
    position: fixed !important
}

計算方法が変わるため、幸いなことに正確になります。

注: 含まれる div がウィンドウのサイズ変更時に位置を変更left: 10%; top 50%;する場合 (例: )、ウィンドウ サイズを変更すると、コンボ ボックス リストはコンボ ボックスの下に移動せず、取り残されます。ただし、コンボ ボックス リストがトリガーされるたびにその位置が再計算されるため、コンボ ボックス リストをオフにするウィンドウ サイズ変更用の JavaScript イベントを追加するとうまくいく場合があります。

Answer 2

ComboBox を div でラップしてみてください。私はまったく同じ問題を抱えていました。各 ComboBox div にクラスを追加し、次の css を追加しました。

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

幅はお好みで設定してください。Margin: auto は、幅に応じて div を親内の中央に配置します。

Answer 3

よろしければこちらのサンプルをご覧ください

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

コンボボックスの既知の問題

ListItemHoverCssClass が指定され、ComboBox リストがスクロール可能である場合、リスト項目を強調表示すると、Internet Explorer Web ブラウザーの使用時にスクロールバーがちらつきます。この問題を回避するには、ListItemHoverCssClass プロパティを指定しないでください。

これで問題が解決しない場合は、コメントでコンボボックスのマークアップについて言及してください

ありがとう