jQuery UI自動完成不起作用

Question

我正在使用Jquery小部件自動完成。我的數據源是一個服務器端腳本，該腳本返回JSON數據。

$(function() {      
    $( "#supcode" ).autocomplete({
        source:"index.php/inventory/supcode",
        minLength: 1                    
    });
});

我使用MVC架構（Codeigniter），並在控制器中使用以下方法返回JSON數據，

function supcode()
{     
    $dataarray="";
    $data=$this->Inventorymodel->supcode();
    echo json_encode($data);
}

我正在使用以下函數在模型中獲取數據，

function supcode(){
$finresult="";
$this->db->select('name');
$query = $this->db->get('supplier');
$result=$query->result_array();

foreach($result as $row){
    $finresult[]=array(
        'name' => $row['name']
    );
}
return $finresult;
}

當我在文本框中輸入字母時，過濾不起作用，並且所有項目都列出了。我在這里做錯了什么？ 誰能幫我？ 提前致謝....

Answer 1

您需要在服務器端完成過濾（如@Henrik對問題的評論中所述），並且Expected數據格式必須是帶有label和value作為字段的對象的數組。

[ { label: "Choice1", value: "value1" }, ... ]

請參閱此鏈接jQuery Autocomplete 。