2

itemtpl を使用してストア データをリストにバインドするサンプル アプリケーションがあります。データをストアからリストに動的にバインドするときに、最初の 2 つのリスト項目の色とサイズを変更する方法についてほとんど混乱しません。

これは私のサンプルコードです:

Ext.define('Sample.view.SearchResultView', {
    extend: 'Ext.Panel',
    requires: [
        'Ext.List',
        'Ext.form.FieldSet',
        'Ext.field.Text',
       'Ext.Toolbar',
       'Ext.TitleBar'
    ],

    alias: "widget.searchresultpage",


    config: {
        scrollable: true,
        items: [

              {
                  xtype: 'list',
                  layout:'fit',
                  height:500,
                  title: 'Search Results',
                  store: 'MySearchStore',
                 itemTpl: '<table><td><tr height=10%>{BlockNo}</tr><tr height=90%><p>{ShortDescription}</p></tr></td></table>'

                                               )
              }
        ]
    },



});
4

2 に答える 2

6

cls次のような属性をリストに追加する必要があります。

cls:'myList'

次に、これを CSS ファイルに追加します。

.myList .x-list-item:nth-child(1),
.myList .x-list-item:nth-child(2) {
  color: #CCC;
  font-size:14px;
}

お役に立てれば

于 2012-06-05T08:08:22.320 に答える
5

itemTplフォントと色をそれ自体で設定できます。

itemTpl: '<table><td><tr height=10%><font size="12" color="#990000">{BlockNo}</font></tr>           
<tr height=90%><p><font size="8" color="#990000">{ShortDescription}</font></p></tr></td>  
</table>'
于 2012-06-05T06:11:41.743 に答える