HTML + JavaScriptを使用してマルチカラムコンボボックスを実装する

HTML + JavaScriptのみを使用してマルチカラムコンボボックスを探しています。利用可能なサンプルやライブラリはありますか？私はいくつかの解決策を見つけたので、それらはASP.NETにありますが、純粋なHTML + JavaScriptではありません。HTML + JavaScriptを使用してマルチカラムコンボボックスを実装する

これは例ですが、Java Swingを使用して実装されています。

alt text

出典

2010-11-19 Cheok Yan Cheng

何かが、フォーカスされていない限り、一番上の行だけを表示しますか？ –

yui datatableはコンボポップアップ内で使用できますが、彼が求めていることに対して十分な答えはありません。 –

jQueryのオプションである場合は、ここではこれを提供できるようになりますプラグインがあります：

Jquery Multi Column Selectbox

出典

2010-11-19 01:52:46

フレキシボックスは、おそらく私が今までにjQueryを使って使用してきた最高の一つです

http://flexbox.codeplex.com/

：ページングとJSONをサポートしました

実際のコンボボックスです。入力すると結果が表示されます。それは簡単にCSSを使用して再構築することができます。

例：行を変更する：

.ffb .content .row { 
    border-bottom: 1px solid #828790; 
    clear: both; 
    color: #000000; 
    height: 20px; 
}

border-bottom行の間の線を取り除くために除去することができます。

出典

2010-11-19 01:57:59 SuperDuck

私は各行の水平区切り記号を使用しません。あなたはそれらを見えなくする方法を知っていますか？ –

ええ、ここと同じ=）答えを更新しています... – SuperDuck

{name}列だけでなく、すべての列に対してFlexbox検索を行うことはできますか？ – AverageMarcus

http://dev.sencha.com/deploy/dev/examples/form/combos.html ExtJSのコンボボックスを表示します。それらのコンボボックスは、各エントリのレンダリングに使用されるテンプレートでカスタマイズできます。あなたがする必要があるのは、設定された幅のスパンを含むテンプレートを指定することだけです。 http://developer.yahoo.com/yui/datatable/のようなあなたは（無料ではない）のExtJSを使用するために喜んでいる場合は、ここでそれを書く

、と私はあなたの例を紹介します

出典

2010-11-19 02:00:15

HTML + JavaScriptを使用してマルチカラムコンボボックスを実装する

答えて

関連する問題