1

NestedList の getItemTextTpl メソッドを使用して、ネストされたリストに画像を追加しようとしています。次のコードを見て、それを修正する方法を教えてください。これは、Sencha Architect を使用して開発されました。ご協力いただきありがとうございます。

Ext.define('myapp.view.ListContainer', {
    extend: 'Ext.Container',
    alias: 'widget.listcontainer',

    config: {
        layout: {
            type: 'fit'
        },
        tpl: [
            ''
        ],
        items: [
            {
                xtype: 'nestedlist',
                id: 'myList',
                itemId: 'mynestedlist4',
                detailCard: {
                    xtype: 'mytabs'
                },
                store: 'myStore',
                toolbar: {
                    xtype: 'titlebar',
                    docked: 'bottom',
                    ui: 'dark'
                }
            }
        ],
        listeners: [
            {
                fn: 'getItemTextTpl',
                event: 'getItemTextTpl',
                delegate: '#myList'
            }
        ]
    },

    getItemTextTpl: function(node) {
        return '<img class="eventIcon" src="http://localhost/images/test.png">';

    }

});
4

2 に答える 2

3 
Ext.define('myapp.view.myList', {
    extend: 'Ext.dataview.NestedList',
    alias: 'widget.mynestedlist',

    config: {
        id: 'myList',
        detailCard: {
            xtype: 'mytabs'
        },
        displayField: 'text',
        store: 'myStore'
    },

    getItemTextTpl: function(recordnode) {
        return '<img class="eventIcon" src="http://localhost/images/test.png">'; 
    }

});
于 2012-06-14T21:24:47.857 に答える
1

ちょっとしたヒント。FontAwesomeは、美しいアイコンをアプリケーションに簡単に追加するための優れた方法です。

于 2012-06-14T20:45:30.987 に答える