应用模板后,sencha触摸面板不会滚动

时间:2011-09-21 20:12:34

标签: javascript sencha-touch extjs

我将面板设置为layout: 'fit',就像我的所有搜索建议问题所在。在JSONP请求和应用模板之后,我无法一直滚动到列表的底部 我填写了html: '<div>text</div>...<div>bottom</div>'并注释掉了JSONP请求。这很好用。我把它留在那里,然后再次应用模板,仍然没有去。

我的模板

new Ext.XTemplate([
    '<tpl for=".">',
            '<div>',
                '<a href="product.html#{productid}" >',
                    '<h3>{title}</h3>',
                    '<img src="{img}" />',
                    '<p>Manufacturer: {realvendor}<br/>',
                    'Product#: {partnumber}<br/>',
                    'Manufacturer#: {vendornumber}<br/>',
                    'List Price: {msrp}<br/>',
                    'Description: {text}<br/>',
                    '</p>',
                '</a>',
                '<a href="price_av.html#{productid}" title="Price/Availablity" >Check Price</a>',
            '</div>',
    '</tpl>'

2 个答案:

答案 0 :(得分:3)

在控制台和配置文件中获得了很多乐趣后,我找到了问题所在。它没有在panel.update()上设置我的面板的高度,但它设置了容器div的高度。 App.views.home.setHeight(App.views.home.el.up('div').dom.style.height) 我在App.views中有一个面板主页,它是应用模板的地方。更新面板后,我将高度设置为父对象的高度。立即行动。

答案 1 :(得分:0)

您还需要将面板设置为垂直滚动

new Ext.Panel({
    // bla bla bla...
    scroll: 'vertical'
});