2012-04-19 5 views
0

검색 막대를 사용하여 중첩 목록을 만들려면 어떻게해야합니까? 은 제목 아래에 있어야합니다.중첩 목록에 검색 창을 추가하는 방법?

Sencha Example

enter image description here

예 검색 바 : 그것은 이 이미지처럼 보이도록 예를 들어, 네 번째 엽차 중첩 목록의 예에서, 어떻게 검색 바 (아래 코드)를 삽입합니다 :

 
Ext.define('Sencha.view.SearchBar', { 
    extend: 'Ext.Toolbar', 
    xtype : 'searchbar', 
    requires: ['Ext.field.Text', 'Ext.field.Search'], 

    config: { 
     ui: 'searchbar', 
     layout: 'vbox', 

     items: [ 
      { 
       xtype: 'title', 
       title: 'Search' 
      }, 
      { 
       xtype: 'searchfield', 
       placeHolder: 'Search...' 
      } 
     ] 
    } 
}); 

답변

1

당신은 중첩 된 목록이 인스턴스화 된 후 그것을 를 추가해야합니다, 그래서 도킹 위치가 정확합니다.

var nestedList = Ext.create('Ext.NestedList', { 
    ... 
}); 

nestedList.add({ 
    docked: 'top', 
    xtype: 'searchbar', 
    height: 100 
}); 
+0

xtype을 사용자 정의 'searchbar'로 변경하고 참조한 페이지의 마지막 Sencha "Live Preview"예제에 붙여 넣었지만 작동하지 않습니다. –

+0

'nestedList'에 대한 참조를 추가해야합니다. 검색 창에 고정 높이를 줄 필요가 있습니다 (twitter 예제는 CSS에서 높이를 추가합니다). Picture : http://rwd.me/Fzlo Source (당신은 그 라이브 미리보기에 그것을 붙여 넣을 수있다) : http://rwd.me/FzlK – rdougan

+0

그것은 그것을하는 것처럼 보였다. 소스 코드가 거기에 머물러 있습니까? xtype : 'searchbar', height : 100으로 답변을 업데이트하고 제목을 삭제해야합니까? –

관련 문제