2010-11-19 10 views
9

Ich suche ein Multispalten-Kombinationsfeld nur mit HTML + JavaScript. Gibt es ein Beispiel oder eine Bibliothek? Als ich auf eine Lösung stieß, sind sie in ASP.NET, aber nicht reines HTML + JavaScript.Multi-Spalten-Kombinationsfeld mit HTML + JavaScript implementieren

Hier ist ein Beispiel, aber es wird mit Java Swing implementiert.

alt text

+1

So etwas wie http://developer.yahoo.com/yui/datatable/ aber das zeigt nur die oberste Zeile, wenn nicht fokussiert? –

+1

yui datatable könnte innerhalb der Combo Popup verwendet werden, aber es ist nicht eine gute Antwort auf das, was er fragt. –

Antwort

3

Flexbox ist wahrscheinlich die beste, die ich je mit jQuery verwendet, mit Paging und JSON-Unterstützung:

http://flexbox.codeplex.com/

Es ist eine echte Kombinationsfeld, wie es die Ergebnisse durch Eingabe anzeigt. Es kann leicht durch das CSS neu gestaltet werden.

Eg. die Zeilen zu ändern:

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

border-bottom kann loszuwerden Linien zwischen den Zeilen entfernt werden.

+0

Ich habe nicht den horizontalen Separator für jede Zeile. Sie wissen, wie man sie unsichtbar macht? –

+0

Ja, das gleiche hier =) Ich aktualisiere die Antwort ... – SuperDuck

+0

Ist es möglich, Flexbox Suche in allen Spalten nicht nur die Spalte {Name} machen? – AverageMarcus

2

http://dev.sencha.com/deploy/dev/examples/form/combos.html Zeigt das ExtJS-Kombinationsfeld an. Ihr Kombinationsfeld kann mit einer Vorlage angepasst werden, die zum Rendern jedes Eintrags verwendet wird. Sie müssen lediglich eine Vorlage angeben, die einige Bereiche mit einer festgelegten Breite enthält.

Wenn Sie bereit sind ExtJS zu verwenden (nicht kostenlos), schreiben Sie es hier, und ich zeige Ihnen ein Beispiel

Verwandte Themen