Zendx JQuery自动完成

Question

当我注意到Zend文档中的这个部分时，我一直试图让Zend自动完成函数正常工作。

下面的UI小部件可以作为表单视图帮助器使用。确保您使用了正确版本的jQuery UI库才能使用它们。Google只提供1.5.2版本的jQuery UI。一些其他组件只能从jQuery UI SVN中获得，因为它们已经从发布的1.6版本中删除。 autoComplete($id，$value，$params，$attribs)：AutoComplete视图助手将包含在未来的jQuery UI版本中(目前仅通过jQuery SVN)，并创建一个文本字段并注册它，使其具有自动完成的功能。完成数据源必须给出与jQuery相关的参数“url”或“jQuery UI手册”中描述的“数据”。

有谁知道我需要下载哪个svn url标记或分支才能获得包含自动完成功能的javascript文件？

目前，我的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);

在我的布局中，我定义了我想要的jquery ui版本。

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

最后，我的index.phtml有一个自动完成的小部件

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

我用的是Zend1.8.3自动取款机。

Answer 1

据我所知，那是在发展支行里。

唯一的问题是，我不知道这是多么的完整和准备好，和，如果它甚至与ZendX_Jquery一起工作。您可以在autoComplete在官方维基页面上的进展上保持最新的状态。

Answer 2

我将上面Till提供的链接中的代码导出，并将ui.autocomplete.js & css复制到ZEND的公用文件夹中，并将其复制到我称为'js/autocomplete‘的子文件夹中。

我更新的代码现在看起来

Bootstrap.php :将额外的自动完成js脚本添加到页面

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

layout.phtml :添加自动完成的css和jquery主题，我还建议使用最新版本的jquery。

<?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 :这是Zend文档中的复制粘贴代码示例。

<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>

就像一种魅力。:-)

最后的html应该在head元素中包含以下结构。

<link rel="stylesheet" href="/js/autocomplete/ui.autocomplete.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/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>

Answer 3

为了让自动完成与ZendX一起工作，我几乎投降了。然后我发现了这个：jquery/2010/07/