Sencha touch 如何在Sencha Touch中的工具栏和嵌套列表之间放置图像？

我试图在NestedList及其工具栏之间放置一个图像。我尝试重写NestedList，将列表中的第一项转换为图像，并自定义CSS中的填充属性。这是混乱的，但它的工作，但这不是我想要的，因为现在的图像是滚动与其他项目。我希望图像保持在那里固定和项目滚动下，就好像它是工具栏的一部分。我该怎么做

我想实现这样的目标：

---

您可以这样创建视图：

Ext.define('AppName.view.Main', {
    extend: 'Ext.Panel',
    xtype: 'main',
    config: {
        layout: 'fit',
        items: [
            {
                xtype: 'toolbar',
                height: '', // if u want to give
                width: '' , //if u want to give
                title: 'ToolBar',
                docked: 'top'
            },
            {
                xtype: 'image',
                src: '', //path of image
                height: '', // as per your need
                width: '',// as per your need
                docked: 'top'
            },
            {
                xtype: 'nestedlist',
                itemId:'categoryList',
                id:'categoryList',
                itemHeight: 25,
                store:'',  // Your Store,
                listConfig:{
                    itemTpl:'{ }' // your list value
                },
                displayField:' ' // display field
            },
            {
                xtype: 'toolbar',
                docked: 'bottom'
                // additional code that you need for config your bottom toolbar
            }
        ]
    }
});

---

是的，很明显。事实上，我也面临着同样的问题，但这就是你可以使用html5和css3的力量的地方。我玩了一些css属性，使它看起来像这个图像

---

此处顶部工具栏包含标题，嵌套列表的工具栏包含后退按钮。

我可以，但我如何告诉嵌套列表使用我在上面创建的工具栏？抱歉……我没有清楚地了解您，请您更具体一点好吗？在Sencha Touch中（至少在我使用的2.3版中），当我在视图上放置一个

nestedlist

时，它会创建两个东西：一个列表和它上面的工具栏。NestedList使用该工具栏显示后退按钮等。因此，如果我使用您的布局，它将创建两个工具栏。其中一个是：

xtype:'toolbar'

，另一个是：

xtype:'nestedlist'

这有意义吗？