使用Zend Framework进行JQuery UI自动完成

发布时间：2020-12-13 16:45:41 所属栏目：PHP教程来源：网络整理

导读：我想知道如何在不使用ZendX的情况下将自动完成的 JQuery UI小部件添加到我在Zend Framework中开发的表单中.网站的文件夹是根据框架设置的,但我没有使用Zend_Form. 所以我把所有东西都拆成了最简单的形式,它有效： script $(document).ready(function() { $("

我想知道如何在不使用ZendX的情况下将自动完成的 JQuery UI小部件添加到我在Zend Framework中开发的表单中.网站的文件夹是根据框架设置的,但我没有使用Zend_Form.

所以我把所有东西都拆成了最简单的形式,它有效：

<script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
    source: ["best","buy"]
});
  });
  </script>

<input id="autocomplete" />

但我有一个PHP文件,它以JSON方式返回数据库中的条目.我该如何使用呢？
我尝试用文件名替换数组,但没有任何反应.
谢谢！

解决方法

这应该适合你：

// js stuff
$( "input#autocomplete" ).autocomplete({
    source: "http://localhost/application/index/autocomplete"
});


//IndexController.php

/**
 * Return AutoComplete stuff
 */
public function autocompleteAction()
{
    // disable view and layout,we want some fanzy json returned
    $this->_helper->layout()->disableLayout(); 
    $this->_helper->viewRenderer->setNoRender(true);

    $values = array('best','buy');
    $valuesJson = Zend_Json::encode($values);
    echo $valuesJson;
}

你可以将BaseUrl传递给你的脚本(而不是使用fullpath)

//layout.phtml
<script type="text/javascript">
var baseUrl = "<?= $this->baseUrl(); ?>";
</script>

所以你可以这样做：

source: baseUrl + "/index/autocomplete"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!