为什么 ZendX 自动完成功能不起作用？

Question

我正在设置我的第一个 ZendX_JQuery_Form。 在我的控制器中，我有以下代码：

$form = new ZendX_JQuery_Form ();

$date1 = new ZendX_JQuery_Form_Element_DatePicker('date1', array ('label' => 'Date:')); $form->addElement ( $date1 );

$elem = new ZendX_JQuery_Form_Element_AutoComplete('ac1', array('label' => 'Autocomplete:')); $elem->setJQueryParams(array('source' => array('New York','Berlin','Bern','Boston'))); $form->addElement($elem); $this->view->form = $form;

我在我的 Boostrap 中包含了所需的代码：

$view->addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper");

所以 DatePicker 运行良好。 但 AutoComplete 字段只是一个纯文本框，没有任何显示。我不知道为什么。

查看源代码，jQuery 已被包含（显然是因为 DatePicker 有效）并且事件已设置：

$(document).ready(function() {

$("#date1").datepicker({});
$("#ac1").autocomplete({"source":["New York","Berlin","Bern","Boston"]});

});

这是在标题中：

<script type="text/javascript" src="/js/jquery/js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

并且正确的字段在那里：

<input type="text" name="ac1" id="ac1" value="" />

我傻眼了！请帮忙。

Answer 1

您需要正确版本的 JQuery 才能使用自动完成功能。相反，如果在本地包含，您可以使用 ZendX JQuery API 定义版本号，这样更优雅：

<?php echo $this->jQuery()->setVersion('1.7.1')->setUiVersion('1.8.2'); ?>

将此行添加到视图模板（推荐布局视图模板）将包含相应版本的 JQuery 和 JQueryUI 库。默认情况下，ZendX 将包含库的 Google CDN 版本。

还值得注意的是，在所有情况下都可以强制 ZendX 包含这些库，而不仅仅是在 ZendX 认为有必要时。如果您要添加自动加载脚本，这可能很重要。例如，在 IndexController 操作中添加这些行将使 ZendX 始终包含相应的库。

$jquery = $this->view->jQuery();
$jquery->enable();
$jquery->uiEnable();

Answer 2

刚刚意识到自动包含（来自 Google 代码库）的 jquery ui 代码库没有自动完成功能。需要手动设置localPath：

$this->jQuery ()->setUiLocalPath('/js/jquery/js/jquery-ui-1.8.2.custom.min.js');