2013-06-24 6 views
1

사용 가능한 숫자가 표시 될 간단한 자동 완성을 내 페이지에 추가하려고합니다. 컨트롤러에 대한 콜백을 볼 수 있으며 컨트롤러에 목록이 채워지지만 프런트 엔드에는 아무 것도 표시되지 않습니다.검도 자동 완성 결과가 표시되지 않습니다.

브라우저에서 응답을 보았습니다. 유효한 json 데이터가 돌아 왔습니다.

HTML :

<input id="autocomplete"/> 

자바 스크립트 :

var dataSource = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: "Entity/GetAvailableNumbers", 
      dataType: "json", 
      data: { 
       q: function() { 
        return $("#autocomplete").val(); 
       } 
      } 
     } 
    } 
}); 
dataSource.read(); 
console.log(dataSource); 
$("#autocomplete").kendoAutoComplete({ 
    dataSource: { 
     data: dataSource 
    } 
}); 

컨트롤러 :

public ActionResult GetAvailableNumbers([DataSourceRequest] DataSourceRequest request, string text) 
{ 
    // Simple loop that puts numbers into a list (usableNumbers) 
    return Json(usableNumbers, JsonRequestBehavior.AllowGet); 
} 
+0

가 확실 JSONP 있습니까 올바른 데이터 유형입니까? – asawyer

+0

그건 jsonp가 아닌 json으로되어있었습니다. 미안합니다. – Mithrilhall

+0

availableNumber의 유형은 무엇입니까? –

답변

1

이 나를 위해 일하게 끝난 것입니다.

자바 스크립트 :

 $("#autocomplete").kendoAutoComplete({ 
      minLength: 2, 
      filter: 'contains', 
      dataSource: { 
       type: "json", 
       serverFiltering: false, 
       transport: { 
        read: "Entity/GetAvailableNumbers" 
       }, 
      } 
     }); 
관련 문제