✔ jQuery UI Autocomplete Widget grösse definieren.

[aherzog]

Hallo.

Ich möchte das Widget mit den Ergebnissen auf 10 Zeilen Inhallt begrenzen.
Wenn mein Select mehr als 10 Ergebnisse liefert, soll der Scrollbalken (nur) auf der rechten Seite erscheinen.

Das mit dem Scrollbalken hab ich mal porbiert, es werden aber beide (horizontaler und vertikaler angezeigt.

Ist so etwas möglich?

Gruss Andreas

 

[CPoly]

10 Zeilen: http://stackoverflow.com/questions/7617373/limit-results-in-jquery-ui-autocomplete#answer-7617637

Scrollbalken: "overflow-x:hidden;"

 

[aherzog]

Hallo.

Jetzt muss ich doch nochmal nachfragen.

Bin erst jetzt dazu gekommen das mal genauer anzuschauen.
Mir ist nun nicht ganz klar wo ich das wie einbauen muss.

Meine funktionierende autocomplete-Funktion sieht jetzt so aus:

$(function()
{
	$("#prodnr").autocomplete(
	{
		source: "autocomplete_pnr.php",
		minLength: 2,
		cacheLength:200,
		select: function(event, ui) 
		{
	
		}
	});
});

Wäre froh wenn mir ev. jemand einen Tip geben könnte.
Gruss Andreas

 

[aherzog]

Hab das ganze nun per CSS gelöst.

So funktionierts ebenfalls ohne das im Javascript was eingefügt werden muss.

.ui-autocomplete { position: absolute; cursor: default; overflow: auto; overflow-x: hidden; height: 200px;}