2012-04-19 32 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

、そうドッキングポジションは正しい。

+0

xtypeをユーザー定義の「searchbar」に変更し、参照したページの最後のSencha「Live Preview」の例に貼り付けましたが、動作しません。 –

+0

'nestedList'への参照を追加する必要があります。また、検索バーには固定された高さをvboxとして与える必要があります(twitterの例ではCSSの高さが追加されています)。画像:http://rwd.me/Fzloソース(あなたはそのライブプレビューに貼り付けることができます):http://rwd.me/FzlK – rdougan

+0

それはそうしたようです。あなたのソースコードはそこにとどまりますか?あなたはxtype: 'searchbar'、height:100であなたの答えを更新し、タイトルを削除しますか? –

関連する問題