3 Stimmen

Zendx JQuery Autocomplete

Ich habe versucht, die Zend Jquery Autocomplete-Funktion arbeiten zu bekommen, wenn ich diesen Abschnitt in der bemerkt Zend-Dokumentation .

Die folgenden UI-Widgets sind als Hilfsmittel für die Formularansicht verfügbar. Stellen Sie sicher, dass Sie die richtige Version der jQuery UI-Bibliothek verwenden, um sie nutzen zu können. Das Google CDN bietet jQuery UI nur bis zur Version 1.5.2 an. Einige andere Komponenten sind nur im jQuery UI SVN verfügbar, da sie aus der angekündigten Version 1.6 entfernt wurden .

autoComplete($id, $value, $params, $attribs): Die AutoVervollständigen-Ansichtshilfe wird in einer zukünftigen jQuery UI Version enthalten sein (derzeit nur über jQuery SVN) und erstellt ein Textfeld und registriert es, um die AutoVervollständigen-Funktionalität zu haben. Die Datenquelle für die Vervollständigung muss als jQuery-bezogener Parameter 'url' oder 'data' angegeben werden, wie im jQuery UI Handbuch beschrieben.

Weiß jemand, welche svn url-Tag oder Zweig, die ich brauche, um eine Javascript-Datei mit den Autocomplete-Funktionen in ihm verfügbar zu erhalten herunterladen?

Im Moment hat meine Bootstrap.php

    $view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper'); 
    $view->jQuery()->enable();
    $view->jQuery()->uiEnable();
    Zend_Controller_Action_HelperBroker::addHelper(
        new ZendX_JQuery_Controller_Action_Helper_AutoComplete()
    );

    // Add it to the ViewRenderer
    $viewRenderer = new Zend_Controller_Action_Helper_ViewRenderer();
    $viewRenderer->setView($view);
    Zend_Controller_Action_HelperBroker::addHelper($viewRenderer);

In meinem Layout definiere ich die gewünschte Jquery-UI-Version

<?php echo $this->jQuery()
    ->setUiVersion('1.7.2');?>

Schließlich hat meine index.phtml das Autocomplete-Widget

<p><?php $data = array('New York', 'Tokyo', 'Berlin', 'London', 'Sydney', 'Bern', 'Boston', 'Baltimore'); ?>
<?php echo $this->autocomplete("ac1", "", array('data' => $data));?></p>

Ich verwende Zend 1.8.3 atm.

1voto

Till Punkte 21912

Als ich das letzte Mal nachgesehen habe, war es in der Entwicklungszweig .

Das einzige Problem ist, dass ich nicht sicher bin, wie vollständig und bereit dies ist, und ob es überhaupt mit ZendX_Jquery funktioniert. Sie können auf dem Laufenden bleiben über den Fortschritt von autoComplete auf der offiziellen Wikiseite .

1voto

emeraldjava Punkte 10564

Ich habe den Code aus dem von Till oben angegebenen Link exportiert und die ui.autocomplete.[js & css] in den öffentlichen Ordner meiner ZEND-App kopiert, in einen Unterordner mit dem Namen 'js/autocomplete'.

Mein aktualisierter Code sieht nun wie folgt aus

Bootstrap.php : Hinzufügen des zusätzlichen Autocomplete js-Skripts zur Seite

$view->jQuery()->addJavascriptFile('/js/autocomplete/ui.autocomplete.js'); 

layout.phtml : fügen Sie autocomplete css und jquery Thema, ich sage auch, um die neueste Version von jquery verwenden

<?php echo $this->jQuery()
    ->setUiVersion('1.7.2')
    ->addStylesheet('/js/autocomplete/ui.autocomplete.css')
    ->addStylesheet('/js/jquery-ui-1.7.2/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css');?>

index.phtml : Dies ist ein Copy-Paste-Code-Beispiel aus der Zend-Dokumentation.

<h3>AutoComplete</h3>
<p><?php $data = array('New York', 'Tokyo', 'Berlin', 'London', 'Sydney', 'Bern', 'Boston', 'Baltimore'); ?>
<?php echo $this->autocomplete("ac1", "", array('data' => $data));?></p>

Funktioniert wie geschmiert :-)

Ihre endgültige HTML-Datei sollte im head-Element die folgende Struktur aufweisen.

<link rel="stylesheet" href="http://stackoverflow.com/js/autocomplete/ui.autocomplete.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://stackoverflow.com/js/jquery-ui-1.7.2/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/autocomplete/ui.autocomplete.js"></script>

1voto

chris Punkte 1245

Ich habe fast aufgegeben, um die Autovervollständigung mit ZendX zum Laufen zu bringen. Dann fand ich dies: http://www.zendcasts.com/autocomplete-control-with-zendx_jquery/2010/07/

0voto

anand Punkte 1

Ich hatte das gleiche Problem. Ich habe einige Änderungen an der ZendX/JQuery/Autocomplete.php Datei.
Ändern Sie die folgende Zeile:

$params['source'] = $params['data'];

zu

$params = $params['url'];

und das hat bei mir funktioniert. Dachte, dies mit jedem zu teilen, der dies braucht.

Danke,
Dekosianisch

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X