1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52:
<?php
namespace FlexiPeeHP\ui;
class SearchBox extends \Ease\Html\InputSearchTag
{
public function afterAdd($parent)
{
$parent->addItem(new \Ease\Html\DatalistTag(new \Ease\Html\OptionTag('zatim nic')
,
['id' => 'datalist-'.$this->getTagID()]));
$this->addJavaScript('
var dataList = $(\'#datalist-'.$this->getTagID().'\');
var input = $(\'#'.$this->getTagID().'\');
input.change(function() {
$.getJSON( "pricelistsearcher.php?column=nazev&q=" + input.val() , function( data ) {
// dataList.empty();
$.each( data, function( key, val ) {
alert(val[\'nazev\']);
var option = document.createElement(\'option\');
option.value = val[\'nazev\'];
dataList.appendChild(option);
});
});
});
');
}
public function finalize()
{
$this->setTagProperties(['list' => 'datalist-'.$this->getTagID()]);
parent::finalize();
}
}