ASP.NETドロップダウンリストitemslist幅の問題

Question

何とかASP.NETのドロップダウンリストコントロールを変更してアイテムリストに自動幅を持たせる必要があります。ドロップダウンリストコントロール自体は固定幅を持ち、変更することはできません。

私は無駄にすでにいくつかの方法を試してみましたが、皆さんの中には、カスタムのドロップダウンコントロールを構築することにより、この問題を解決することを決定したhttp://forums.asp.net/t/1648469.aspx

見るが、これは本当に私の場合はオプションではありません。

回答する前に、上記のリンクのスレッドを確認して、私はすでにそれを通過していないことを確認してください。

Answer 1

標準的なDDLコントロールで説明したとおりの動作を得る方法はありません。最善の策は、真下にリストボックスを隠して空のDDLをページに置くことです。 JavaScriptを使用すると、リストボックスが表示され、オンリックで消えます。あなたは選択を取得し、DDLの幅は変更されませんが、リストボックスの幅は動的になります。

TelerikやComponentOneのようなサードパーティ製のコントロールセットを使用することをお勧めします。この機能は既にコントロールセットに組み込まれています。上記の提案は、組み込みのコントロールを使用する必要があることを前提としています。

Answer 2

私は多くの人があなたの質問をしており、皆さんが持っているのと同じ回答を受けていることがわかりました。彼らはまもなくまもなく寒いハードな真実を受け入れました。

IEでは、ドロップダウンリストのオプション（ドロップリスト）セクションは、より良い用語がないため、選択部分（ドロップボックス）と同じサイズです。コントロール全体（as this post details）のサイズを変更するか、カスタムHTMLコントロールを作成する必要があります。私が間違っている（同じ解決策を提供している他の多くの人たちとともに）事件でそれを認めたのは間違いないが、私は間違いないと思う。

カスタムコントロールは非常に困難ではありません。私の頭の上、おそらくセレクタdiv、隠れたol、mouseover/mouseoutイベントハンドラ、およびASP.NETリピータを使ってリストアイテムを設定します。私はあなたがそれを行うことができる多くの方法があるので、このカスタムコントロールを実装する詳細には進まないでしょう。ジョシュが述べているように、TelerikとComponentOneはすでにそのような制御を実装していますが、もちろん価格で実現します。あなたが望むなら、私はあなたのためにいくつかのコードを一緒にハックしようと思うでしょう。

Answer 3

これは、スタイリングの変更を加えることができ、それが完璧に動作しますが、スタイルのタグを含めると、私はそれらを逃した場所に選択し、それを解決する必要があります：あなたの答えのための

<style> 
.ctrDropDown{ 
    width:205px; 
    font-size:11px; 
} 
.ctrDropDownClick{ 
    font-size:11px; 
    width:250px; 

} 
.plainDropDown{ 
    width:205px; 
    font-size:11px; 
} 
</style> 

<div style= "width:205px; overflow:hidden;"> 
select id="Dropdownlist" class="ctrDropDown" onblur="this.className='ctrDropDown';" onmousedown="this.className='ctrDropDownClick';" onchange="this.className='ctrDropDown';" >