jquery-ui - 如何使用 Zend 框架 2 实现 jquery 自动完成？

Question

我正在寻找有关如何通过 zend 框架 2 实现 jquery 自动完成功能的示例。

根据我之前使用 java 和 Coldfusion 进行自动完成的经验，http 响应必须只是 JSON 数据。但是 Zend 通常会附加一个布局 HTML(由模块配置定义)。我正在考虑使用一个空的布局文件(内容将是内容；？>)但我不确定这是否是正确的(即 Zend 方式)这样做。

我一直在网上搜索，但找不到任何有用的东西。

您能帮忙提供示例/链接/等吗？谢谢

Answer 1

要创建自动完成，您需要:

创建一个 Controller 以在 json 中响应，通过 get 或 post 接收参数。

.

public function searchAction(){
// GET
$Params = $this->params ();
$count = $Params->fromQuery ( 'count', 10 ); 
$offset = $Params->fromQuery ( 'offset', 0 );
$search = $Params->fromQuery ( 'search', null );

// Mapper
$Search = TableMapper ();
$rs = $Search->search ( search, $count, $offset )); 

//I think good idea create an restful service if you have anothers requests

header('Content-Type: application/json');
echo \Zend\Json\Json::encode ( array (
        'status' => true,
        'data' => $rs,
) );
die (); }

jQuery/Angle 收集在字段中键入的字母。

$("#input").keyup(function(event) {
var stt = $(this).val();
/**
The search is route example, you need put correct url/route
**/
$.get( "/search", function( response ) {
    if(response.status == true){
        $( ".result" ).html( response );
    }
});
});

html 来显示响应

JQUERY copy contents of a textbox to a field while typing

JQuery UI Autocomplete with Zend Framework