부트 스트랩 typeahead - 하위 섹션 (헤더)

Question

부트 스트랩에서 "typeahead"플러그인으로 작업하고 있습니다.

나는이 같은 아약스와 함께 데이터를로드 :

$.ajax({ 

      type: "POST", 
      url: "/library/autocomplete", 
      dataType: 'json', 
      success: function(data) { 
       $('#autocomplete').typeahead({source: data}) 
      }, 
      error: function(data){ 
       console.log("Data is: " + data); 
      }, 
      onComplete: function(){ 

      } 
     }); 

autocompleteAction :

public function autocompleteAction() 
{ 
    // disable view and layout 
    $this->_helper->layout()->disableLayout(); 
    $this->_helper->viewRenderer->setNoRender(true); 

    $values = array(); 

    $usernames = UserQuery::create()->find(); 
    $usernames = $usernames->toArray(); 

    $organizations = OrganizationQuery::create()->find(); 
    $organizations = $organizations->toArray(); 

    foreach($organizations as $organization){ 
     array_push($values, $organization["Name"]); 
    } 
    foreach($usernames as $username){ 
     array_push($values, $username["Username"]); 
    } 

    echo $this->_helper->json($values); 
    exit; 
} 

당신은 당신이 그들 모두를 추가 할 수 있도록 내가 데이터베이스에서 사용자 이름과 조직을로드 볼 수 있듯이을.

이제 입력란에 입력 할 때 조직 및 사용자 이름의 힌트가 표시됩니다. 제목을 추가하고 "조직 제목"아래에 조직을 표시하고 "사용자 이름"아래에 사용자 이름을 표시하는 방법이 있습니까? clarifcation위한

화상을 :

Answer 1

용액 알았다. 예제는 여기에서 확인할 수 있습니다. http://twitter.github.io/typeahead.js/examples/

"NBA and NHL Teams"페이지를 확인하십시오!