* @link http://www.pradosoft.com/
* @copyright Copyright © 2005-2014 PradoSoft
* @license http://www.pradosoft.com/license/
* @package Prado\Web\UI\ActiveControls
*/
namespace Prado\Web\UI\ActiveControls;
/**
* Load active text box.
*/
Prado::using('System.Web.UI.ActiveControls.TActiveTextBox');
Prado::using('System.Web.UI.ActiveControls.TCallbackEventParameter');
/**
* TAutoComplete class.
*
* TAutoComplete is a textbox that provides a list of suggestion on
* the current partial word typed in the textbox. The suggestions are
* requested using callbacks, and raises the {@link onSuggestion OnSuggestion}
* event. The events of the TActiveText (from which TAutoComplete is extended from)
* and {@link onSuggestion OnSuggestion} are mutually exculsive. That is,
* if {@link onTextChange OnTextChange} and/or {@link onCallback OnCallback}
* events are raise, then {@link onSuggestion OnSuggestion} will not be raise, and
* vice versa.
*
* The list of suggestions should be set in the {@link onSuggestion OnSuggestion}
* event handler. The partial word to match the suggestion is in the
* {@link TCallbackEventParameter::getCallbackParameter TCallbackEventParameter::CallbackParameter}
* property. The datasource of the TAutoComplete must be set using {@link setDataSource}
* method. This sets the datasource for the suggestions repeater, available through
* the {@link getSuggestions Suggestions} property. Header, footer templates and
* other properties of the repeater can be access via the {@link getSuggestions Suggestions}
* property and its sub-properties.
*
* The {@link setTextCssClass TextCssClass} property if set is used to find
* the element within the Suggestions.ItemTemplate and Suggestions.AlternatingItemTemplate
* that contains the actual text for the suggestion selected. That is,
* only text inside elements with CSS class name equal to {@link setTextCssClass TextCssClass}
* will be used as suggestions.
*
* To return the list of suggestions back to the browser, supply a non-empty data source
* and call databind. For example,
*
* function autocomplete_suggestion($sender, $param)
* {
* $token = $param->getToken(); //the partial word to match
* $sender->setDataSource($this->getSuggestionsFor($token)); //set suggestions
* $sender->dataBind();
* }
*
*
* The suggestion will be rendered when the {@link dataBind()} method is called
* during a callback request.
*
* When an suggestion is selected, that is, when the use has clicked, pressed
* the "Enter" key, or pressed the "Tab" key, the {@link onSuggestionSelected OnSuggestionSelected}
* event is raised. The
* {@link TCallbackEventParameter::getCallbackParameter TCallbackEventParameter::CallbackParameter}
* property contains the index of the selected suggestion.
*
* TAutoComplete allows multiple suggestions within one textbox with each
* word or phrase separated by any characters specified in the
* {@link setSeparator Separator} property. The {@link setFrequency Frequency}
* and {@link setMinChars MinChars} properties sets the delay and minimum number
* of characters typed, respectively, before requesting for sugggestions.
*
* Use {@link onTextChange OnTextChange} and/or {@link onCallback OnCallback} events
* to handle post backs due to {@link setAutoPostBack AutoPostBack}.
*
* In the {@link getSuggestions Suggestions} TRepater item template, all HTML text elements
* are considered as text for the suggestion. Text within HTML elements with CSS class name
* "informal" are ignored as text for suggestions.
*
* @author Wei Zhuo
* @package Prado\Web\UI\ActiveControls
* @since 3.1
*/
class TAutoComplete extends TActiveTextBox implements INamingContainer
{
/**
* @var ITemplate template for repeater items
*/
private $_repeater=null;
/**
* @var TPanel result panel holding the suggestion items.
*/
private $_resultPanel=null;
/**
* @return string word or token separators (delimiters).
*/
public function getSeparator()
{
return $this->getViewState('tokens', '');
}
/**
* @return string word or token separators (delimiters).
*/
public function setSeparator($value)
{
$this->setViewState('tokens', TPropertyValue::ensureString($value), '');
}
/**
* @return float maximum delay (in seconds) before requesting a suggestion.
*/
public function getFrequency()
{
return $this->getViewState('frequency', '');
}
/**
* @param float maximum delay (in seconds) before requesting a suggestion.
* Default is 0.4.
*/
public function setFrequency($value)
{
$this->setViewState('frequency', TPropertyValue::ensureFloat($value),'');
}
/**
* @return integer minimum number of characters before requesting a suggestion.
*/
public function getMinChars()
{
return $this->getViewState('minChars','');
}
/**
* @param integer minimum number of characters before requesting a suggestion.
*/
public function setMinChars($value)
{
$this->setViewState('minChars', TPropertyValue::ensureInteger($value), '');
}
/**
* @param string Css class name of the element to use for suggestion.
*/
public function setTextCssClass($value)
{
$this->setViewState('TextCssClass', $value);
}
/**
* @return string Css class name of the element to use for suggestion.
*/
public function getTextCssClass()
{
return $this->getViewState('TextCssClass');
}
/**
* Raises the callback event. This method is overrides the parent implementation.
* If {@link setAutoPostBack AutoPostBack} is enabled it will raise
* {@link onTextChanged OnTextChanged} event event and then the
* {@link onCallback OnCallback} event. The {@link onSuggest OnSuggest} event is
* raise if the request is to find sugggestions, the {@link onTextChanged OnTextChanged}
* and {@link onCallback OnCallback} events are NOT raised.
* This method is mainly used by framework and control developers.
* @param TCallbackEventParameter the event parameter
*/
public function raiseCallbackEvent($param)
{
$token = $param->getCallbackParameter();
if(is_array($token) && count($token) == 2)
{
if($token[1] === '__TAutoComplete_onSuggest__')
{
$parameter = new TAutoCompleteEventParameter($this->getResponse(), $token[0]);
$this->onSuggest($parameter);
}
else if($token[1] === '__TAutoComplete_onSuggestionSelected__')
{
$parameter = new TAutoCompleteEventParameter($this->getResponse(), null, $token[0]);
$this->onSuggestionSelected($parameter);
}
}
else if($this->getAutoPostBack())
parent::raiseCallbackEvent($param);
}
/**
* This method is invoked when an autocomplete suggestion is requested.
* The method raises 'OnSuggest' event. If you override this
* method, be sure to call the parent implementation so that the event
* handler can be invoked.
* @param TCallbackEventParameter event parameter to be passed to the event handlers
*/
public function onSuggest($param)
{
$this->raiseEvent('OnSuggest', $this, $param);
}
/**
* This method is invoked when an autocomplete suggestion is selected.
* The method raises 'OnSuggestionSelected' event. If you override this
* method, be sure to call the parent implementation so that the event
* handler can be invoked.
* @param TCallbackEventParameter event parameter to be passed to the event handlers
*/
public function onSuggestionSelected($param)
{
$this->raiseEvent('OnSuggestionSelected', $this, $param);
}
/**
* @param array data source for suggestions.
*/
public function setDataSource($data)
{
$this->getSuggestions()->setDataSource($data);
}
/**
* Overrides parent implementation. Callback {@link renderSuggestions()} when
* page's IsCallback property is true.
*/
public function dataBind()
{
parent::dataBind();
if($this->getPage()->getIsCallback())
$this->renderSuggestions($this->getResponse()->createHtmlWriter());
}
/**
* @return TPanel suggestion results panel.
*/
public function getResultPanel()
{
if($this->_resultPanel===null)
$this->_resultPanel = $this->createResultPanel();
return $this->_resultPanel;
}
/**
* @return TPanel new instance of result panel. Default uses TPanel.
*/
protected function createResultPanel()
{
$panel = Prado::createComponent('System.Web.UI.WebControls.TPanel');
$this->getControls()->add($panel);
$panel->setID('result');
return $panel;
}
/**
* @return TRepeater suggestion list repeater
*/
public function getSuggestions()
{
if($this->_repeater===null)
$this->_repeater = $this->createRepeater();
return $this->_repeater;
}
/**
* @return TRepeater new instance of TRepater to render the list of suggestions.
*/
protected function createRepeater()
{
$repeater = Prado::createComponent('System.Web.UI.WebControls.TRepeater');
$repeater->setHeaderTemplate(new TAutoCompleteTemplate(''));
$repeater->setFooterTemplate(new TAutoCompleteTemplate('
'));
$repeater->setItemTemplate(new TTemplate('<%# $this->DataItem %>',null));
$repeater->setEmptyTemplate(new TAutoCompleteTemplate(''));
$this->getControls()->add($repeater);
return $repeater;
}
/**
* Renders the end tag and registers the needed javascript library.
*/
public function renderEndTag($writer)
{
$cs=$this->getPage()->getClientScript();
$cs->registerPradoScript('autocomplete');
parent::renderEndTag($writer);
$this->renderResultPanel($writer);
}
/**
* Renders the result panel.
* @param THtmlWriter the renderer.
*/
protected function renderResultPanel($writer)
{
$this->getResultPanel()->render($writer);
}
/**
* Renders the suggestions during a callback respones.
* @param THtmlWriter the renderer.
*/
public function renderCallback($writer)
{
$this->renderSuggestions($writer);
}
/**
* Renders the suggestions repeater.
* @param THtmlWriter the renderer.
*/
public function renderSuggestions($writer)
{
if($this->getActiveControl()->canUpdateClientSide())
{
$this->getSuggestions()->render($writer);
$boundary = $writer->getWriter()->getBoundary();
$this->getResponse()->getAdapter()->setResponseData($boundary);
}
}
/**
* @return array list of callback options.
*/
protected function getPostBackOptions()
{
//disallow page state update ?
//$this->getActiveControl()->getClientSide()->setEnablePageStateUpdate(false);
$options = array();
if(strlen($string = $this->getSeparator()))
{
$string = strtr($string,array('\t'=>"\t",'\n'=>"\n",'\r'=>"\r"));
$token = preg_split('//', $string, -1, PREG_SPLIT_NO_EMPTY);
$options['tokens'] = $token;
}
if($this->getAutoPostBack())
{
$options = array_merge($options,parent::getPostBackOptions());
$options['AutoPostBack'] = true;
}
if(strlen($select = $this->getTextCssClass()))
$options['select'] = $select;
$options['ResultPanel'] = $this->getResultPanel()->getClientID();
$options['ID'] = $this->getClientID();
$options['EventTarget'] = $this->getUniqueID();
if(($minchars=$this->getMinChars())!=='')
$options['minChars'] = $minchars;
if(($frequency=$this->getFrequency())!=='')
$options['frequency'] = $frequency;
$options['CausesValidation'] = $this->getCausesValidation();
$options['ValidationGroup'] = $this->getValidationGroup();
return $options;
}
/**
* Override parent implementation, no javascript is rendered here instead
* the javascript required for active control is registered in {@link addAttributesToRender}.
*/
protected function renderClientControlScript($writer)
{
}
/**
* @return string corresponding javascript class name for this TActiveButton.
*/
protected function getClientClassName()
{
return 'Prado.WebUI.TAutoComplete';
}
}