JQuery用户界面自动完成与Zend框架(JQuery UI Autocomplete with

2019-06-25 10:47发布

我想知道如何自动完成JQuery用户界面小工具添加到我在Zend Framework中不使用ZendX开发的形式。 对于网站上的文件夹设置了每个框架,但我不使用Zend_Form的。

所以我剥夺一切到最简单的形式,它的工作原理:

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

<input id="autocomplete" />

但我有一个在JSON数据库返回条目的PHP文件。 我该如何使用呢? 我试图与文件的名称替换阵,但后来什么也没有发生。 谢谢!

Answer 1:

这应该为你工作:

// 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;
}

你可以altough的BASEURL传递给您的脚本(而不是使用FULLPATH)

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

所以,你可以这样做:

source: baseUrl + "/index/autocomplete"


文章来源: JQuery UI Autocomplete with Zend Framework