mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
9e98f127f2
svn://svn.silverstripe.com/silverstripe/modules/sapphire/branches/2.2.0-mesq ........ r47613 | ischommer | 2008-01-04 19:14:58 +1300 (Fri, 04 Jan 2008) | 1 line adding tabIndex capabilities, switching HTML-rendering to createTag() ........ git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@52199 467b73ca-7a2a-4603-9d3b-597d59a354a9
59 lines
1.5 KiB
PHP
59 lines
1.5 KiB
PHP
<?php
|
|
|
|
/**
|
|
* @package forms
|
|
* @subpackage fields-formattedinput
|
|
*/
|
|
|
|
/**
|
|
* Autocompleting text field, using script.aculo.us
|
|
* @package forms
|
|
* @subpackage fields-formattedinput
|
|
*/
|
|
class AutocompleteTextField extends TextField {
|
|
|
|
protected $optionsURL;
|
|
|
|
function __construct($name, $title = null, $optionsURL, $value = "", $maxLength = null){
|
|
$this->optionsURL = $optionsURL;
|
|
|
|
parent::__construct($name, $title, $value, $maxLength);
|
|
}
|
|
|
|
function extraClass() {
|
|
return parent::extraClass() . " autocomplete";
|
|
}
|
|
|
|
function Field() {
|
|
// Requirements::javascript('sapphire/javascript/AutocompleteTextField.js');
|
|
$extraClass = $this->extraClass();
|
|
|
|
$attributes = array(
|
|
'class' => "{$this->class} text",
|
|
'type' => 'text',
|
|
'id' => $this->id(),
|
|
'name' => $this->name,
|
|
'value' => $this->attrValue(),
|
|
'tabindex' => $this->getTabIndexHTML(),
|
|
'size' => $this->maxLength ? min( $this->maxLength, 30 ) : 30
|
|
);
|
|
if($this->maxLength) $attributes['maxlength'] = $this->maxLength;
|
|
|
|
return $this->createTag('input', $attributes) . "<div id=\"" . $this->id() . "_Options\" class=\"autocompleteoptions\"></div>";
|
|
}
|
|
|
|
function FieldHolder() {
|
|
$holder = parent::FieldHolder();
|
|
|
|
$id = $this->id();
|
|
|
|
$holder .= <<<JS
|
|
<script type="text/javascript">
|
|
new Ajax.Autocompleter( '$id', '{$id}_Options', '{$this->optionsURL}', { afterUpdateElement : function(el) { if(el.onajaxupdate) { el.onajaxupdate(); } } } );
|
|
</script>
|
|
JS;
|
|
|
|
return $holder;
|
|
}
|
|
}
|
|
?>
|