에 extjs 검색 상자

I 해요, 정확히 엽차 문서 홈 페이지에서 하나의 I는 예를 http://docs.sencha.com/ext-js/4-0/#!/example/form/forum-search.html 의 코드를 사용 http://docs.sencha.com/ext-js/4-0/에 extjs 검색 상자

로 검색 상자를 추가하려고하고 한 가지를 제외하고 모든 것이 예상대로 작동 ..

내 검색 상자의 목록에서 옵션을 선택하면 콤보 상자 값이 선택된 값으로 설정됩니다. 그리고 아래쪽 화살표를 누르면 수정 된 쿼리로 새로운 검색이 수행됩니다. 하지만 이전 검색 결과보기 - sencha 페이지의 검색 상자 동작과 동일

아이디어를 얻는 방법은 무엇입니까?

출처

2012-12-02 jset74

이 페이지의 첫 번째 샘플이 필요합니다. 유형 아래 코드 다양한 일을 시도 후 "A"첫 http://docs.sencha.com/ext-js/4-0/#!/example/form/combos.html

출처

2012-12-02 14:29:23

감사합니다. 그러나 후속 조치는 아닙니다. 내가 필요한 것은 sencha의 검색 상자에 '콤보'를 입력하면 6 개의 결과가있는 드롭 다운 메뉴가 나타납니다. 하나를 선택하면 페이지가 표시되지만 검색 상자의 텍스트는 여전히 '콤보'입니다. 그런 다음 PAGE_DOWN을 눌러 같은 6 개의 결과를 표시 할 수 있습니다. 어쨌든이 작업을 수행 한 방법을 찾았습니다. 코드를 1 분 안에 게시합니다. – jset74

별도의 컨테이너에 결과 만 표시합니다. IMHO : 프로그램을 복잡하게하지 않고 간단하고 표준적인 행동을 사용하십시오. –

는

내가 수동에 '쿼리'에 triggerAction을 설정했다도했다 .. 내가 필요하지만, 아마도 더 좋은 방법이 무엇합니까 select 이벤트 핸들러에서 콤보 상자의 텍스트를 재설정하십시오.

var searchBox = { 
     xtype: 'combo', 
     store: dataStore, 
     displayField: 'title', 
     valueField: 'id', 
     autoSelect: false, 
     typeAhead: false, 
     fieldLabel: 'Search for', 
     hideTrigger:true, 
     anchor: '100%', 
     mode:'remote', 
     triggerAction: 'query', 
     listeners: { 
      'select' : function(combo) { 
       var selected = this.value; 
       combo.setValue(combo.lastQuery); 
       showResult(selected);     
      } 
     }, 
     listConfig: { 
      loadingText: 'Searching ...', 
      emptyText: 'No matching posts found.', 
      getInnerTpl: function() { 
       return '<a class="search-item" href="?term={id}" onclick="return javascript:showResult(\'{id}\')">' + 
        '<h3><span>{title}<br /></span>{id}</h3></a>'; 
      } 
     }, 
     pageSize: 10 
    }

출처

2012-12-02 15:38:28 jset74

에 extjs 검색 상자

답변

관련 문제