SpinButton

Text input s tlačítky nahoru/dolů pro zvětšení/změnšení číselné hodnoty v políčku.

Verze	1.0
Download	http://www.holubmichal.cz/…nbutton1.zip
Demo	http://www.holubmichal.cz/…cument_root/
Forum thread	http://forum.nette.org/…n-pro-jquery
Autor	Michal Holub
Licence	WTFPL
Homepage	http://www.holubmichal.cz/…e-component/

Co je potřeba

• Kvůli podpoře klávesnice a kolečka myši jsem musel trochu poupravit původní plugin. Je tedy nutné použít upravený z archivu stažení
• Kolečko myši bude fungovat pouze s jQuery mousewheel pluginem
• Kolečko lze také vypnout (výchozí je zapnuto) voláním (fluent, takže se dá navázat addRule atd)

$spinButton->disableMousewheel();

Instalace

1. bootstrap.php

function Form_addSpinButton(Form $_this, $name, $label, $cols = NULL, $maxLength = NULL)
{
    return $_this[$name] = new SpinButton($label, $cols, $maxLength);
}
Form::extensionMethod('Form::addSpinButton', 'Form_addSpinButton');

2. Stáhněte si archiv a naincludujte si 2 js soubory (spin a mousewheel) + /app/extensions/SpinButton.php
3. Nahrajte někam obrázky pro nahoru a dolů (jsou v archivu v /document_root/css/img/spin)
4. Můžete začít používat

$form->addSpinButton('da_component','Component');

Konfigurace

$form['da_component']->setConfiguration(array(
            'imageBasePath'=>'/css/img/spin/', //where to look for up/down button images.
            'min' => 1970, //the minimum value
            'max' => date('Y'), //the maximum value
            'interval' => 1
        ));

Více na homepage nebo ve zdrojáku jQuery pluginu.

---

Login to submit a comment