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

Question

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

$form =新ZendX_JQuery_Form ()；

$date1 =新建ZendX_JQuery_Form_Element_DatePicker (‘日期1’，数组(‘标签’=>‘日期：’) )；$form->添加元素( $date1 )；

$elem = new ZendX_JQuery_Form_Element_AutoComplete( 'ac1'，array('label‘=> 'Autocomplete:'))；$elem->setJQueryParams(array('source’=>数组(‘纽约’，‘柏林’，'Bern'，‘波士顿’)；$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应用编程接口定义版本号，这更优雅：

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

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

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

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

Answer 2

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

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