Ext.js에서 html 입력 태그 자동 완성은 어떻게하나요?

Question

Ext.js 라이브러리를 사용하는 경우 입력 텍스트 영역에서 어떻게 자동 완성합니까?

좀 더 정확히 말하자면 Ajax 옵션이 업데이트 url로 설정된 jQuery autocomplete plugin처럼 반복적 인 Ajax 요청을 기반으로 자동 완성을 수행하는 방법은 무엇입니까?

독서에 감사드립니다.

Answer 1

, 나는 더 빈약 예를 도울 수 생각했다.

var store = new Ext.data.JsonStore({ 
    url: '/your/ajax/script/', 
    root: 'data', // the root of the array you'll send down 
    idProperty: 'id', 
    fields: ['id','value'] 
}); 

var combo = new Ext.form.ComboBox({ 
    store: store, 
    displayField:'value', 
    typeAhead: true, 
    mode: 'remote', 
    queryParam: 'query', //contents of the field sent to server. 
    hideTrigger: true, //hide trigger so it doesn't look like a combobox. 
    selectOnFocus:true, 
    width: 250, 
    renderTo: 'autocomplete' //the id of the html element to render to. 
           //Not necessary if this is in an Ext formPanel. 
}); 

가게는 다음과 같은 형식의 서버에서 응답을 받아 들일 것입니다 : 물론

{ 
    "success": true, 
    "data": [ 
     { 
      "id": 10, 
      "value": "Automobile" 
     }, 
     { 
      "id": 24, 
      "value": "Autocomplete" 
     } 
    ] 
} 

, 즉 더 스타일의 경우도 Ext.data.XMLReader과 상점을 설정할 수 있습니다.

시작 하시길 바랍니다. 나는 Ext documentation의 awesomeness를 충분히 강조 할 수 없다. combobox samples 외에도 몇 가지 적절한 예가 있습니다. 처음에는 몇 가지 자동 완성을 만들 때 많이 사용했습니다.

Answer 2

일반적으로 입력에 일반적으로 첨부 할 수있는 별도의 자동 완성 기능이 없습니다. 서버 쪽 필터링 기능이있는 ComboBox 컨트롤을 사용하면됩니다 (hideTrigger : true 설정을 사용하여 여전히 일반 입력). 이것은 당신이 원하는 것 무엇을 아마 가장 가까운 예는 다음과 같습니다 bmoueskau가 매우 완전한 기능을 갖춘 구현을 제공하기 때문에

http://extjs.com/deploy/dev/examples/form/forum-search.html