Multiselect s našeptáváním

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
hancs
Člen | 57
+
0
-

Ahoj,

potřeboval bych udělat multiselect (textbox), který by našeptával data z databáze a pokud by se v databázi záznam nenacházel, chtěl bych ho vytvářet.
Reálně se jedná o přiřazení zboží(i více zboží najednou) k položce, pokud zboží existuje, tak ho vybrat a pokud ne, tak si ho rovnou vytvořit.

Neznáte někdo nějaké rozšíření, které by se na to dalo dobře použít?

Díky za rady.

Oli
Člen | 1215
+
+1
-

Tohle je myslím přesně to co hledáš: form-selectize ;-)

Edit: Rozhodně ale použij master větev. Je v podstatě hotová na vydání verze 1. Verze 0.9 je jen pro Nette < 2.2

Editoval Oli (15. 6. 2016 15:17)

hancs
Člen | 57
+
0
-

Oli napsal(a):

Tohle je myslím přesně to co hledáš: form-selectize ;-)

Edit: Rozhodně ale použij master větev. Je v podstatě hotová na vydání verze 1. Verze 0.9 je jen pro Nette < 2.2

Díky to je přesně ono :-)

Jen se mi to zatím nedaří rozchodit. Postupoval jsem dle návodu, akorát jsem nenašel funkci selectize(), tak jsem projel selectize.js a volám fn.selectize().

Poté jsem to chtěl přidat do formuláře, ale když to použiji takto:

<?php
$form->addSelectize('zbozi', 'nazev', $zbozi);
?>

Tak se mi tento input vůbec nevykreslí.

CZechBoY
Člen | 3608
+
0
-

fn.selectize bude asi $(jquery selector).selectize(…)

hancs
Člen | 57
+
0
-

Hlavně mi přijde divný, že se input vůbec nevykreslí..

Už se mi to zobrazuje, jen se mi to ještě nedaří naplnit daty.

Provizorně jsem použil toto:

<?php

		$cars = array
  (
  array(1,"Volvo"),
  array(2,"BMW"),
  array(3,"Saab"),
  array(4,"Land Rover")
  );


		$form->addSelectize('zbozi', 'nazev', $cars);


?>

v šabloně mám toto

				<label class="input">
					<select id="select-beast" n:name=zbozi class="selectize-input" placeholder="Vyberte zboží..">
					</select>
					<span class="tooltip tooltip-top-right">
					</span>
				</label>

a javascript

<script>

	$('#select-beast').selectize({
    create: true,
    sortField: 'text'
});

</script>

ale stále se mi nezobrazí možnosti po kliknutí na input.
Nevíte co s tím?

Editoval hancs (16. 6. 2016 12:40)

Oli
Člen | 1215
+
+1
-

Mas tam vlozenej ten selectize.js a můj selectize.js z client-side? Tam je právě funke selectize. To co volas ty (fn.selectize) je asi originální selectize a ten takhle nenaplnis.

Takhle by to pak mělo vypadat: https://github.com/…avascript.md#…

Editoval Oli (16. 6. 2016 14:14)

Oli
Člen | 1215
+
0
-

@hancs funguje ti to uz? Byli nějaký problémy? Něco co vylepšit? Nějakej feedback? :-)

Díky.

hancs
Člen | 57
+
0
-

Oli napsal(a):

@hancs funguje ti to uz? Byli nějaký problémy? Něco co vylepšit? Nějakej feedback? :-)

Díky.

Funguje perfektně, nechtěl jsem otravovat přes víkend. Už mám i data načítaná ajaxem. Díky moc za rady a hlavně za https://github.com/…rm-selectize ;-)