Sencha Touch 2.2：在android Phonegap應用程序中相互呈現頂部物品呈現在彼此的頂部

我遇到了這個奇怪的問題，在每次第三次發射時，我的sencha觸摸2.2 android phonegap app所有列表項都呈現在每個頂部其他。只要您將列表拖動一點，就會自行排列。Sencha Touch 2.2：在android Phonegap應用程序中相互呈現頂部物品呈現在彼此的頂部

嘗試了一堆東西：更改我的列表中的所有配置，刪除所有我的自定義CSS，添加一個滾動功能，滾動下來，然後再次列表完成渲染後，但無濟於事。

任何想法？

更新：更好的設置說明。

該列表位於導航視圖的內部，導航視圖又位於slidenavigationview（github.com/wnielson/sencha-SlideNavigation）內。

商店在列表視圖初始化時設置。

列表定義（有點簡化）：

Ext.define('Labblistan.view.LabList', { 
extend: 'Ext.dataview.List', 
xtype: 'lablist', 
requires: [ 
    'Labblistan.controller.SearchController', 
    'Ext.util.DelayedTask', 
    'Ext.plugin.PullRefresh', 
    'Ext.SegmentedButton'], 

id: 'lablist', 
config: { 
    grouped: true, 
    infinite: true, 
    useSimpleItems: true, 
    variableHeights: true, 
    plugins: [{ 
     xclass: 'Ext.plugin.PullRefresh', 
     pullRefreshText: 'Dra ned för att uppdatera!', 
     lastUpdatedText: 'Senast uppdaterad', 
     loadingText: 'Förbereder uppdatering', 
     releaseRefreshText: 'Släpp för att uppdatera!', 
     refreshFn: function (plugin) { 
      confirmUpdate(); 
     } 
    }], 
    itemTpl: itemtemplate, //long and kinda complicated so I didn't include it here 
    onItemDisclosure: true, 
    disableSelection: true, 
    indexBar: { 
     right: '-10px' 
    }, 
    loadingText: 'Laddar', 
    iconmask: true, 
    scrollToTopOnRefresh: false, 
    cls: 'listan', 
    items: items, //Contains another toolbar with some buttons for improved sorting 
    listeners: { 
     initialize: function() { 
      console.log('initialize list'); 
      var dynstore = Ext.getStore('LabListStore'); 
      this.setStore(dynstore); 
     }, 
     painted: function() { 
      console.log('painted list'); 
      setTimeout(function() { 
       Ext.getCmp('listbar').enable(); 
      }, 600); 
      Ext.Viewport.setMasked(false); 
      return false; 
     }, 
     hide: function() { 
      console.log('hide list'); 
      return false; 
     } 
    } 
} 
});

enter image description here

來源

2013-05-02 Hessius

你能分享一些代碼嗎？這也發生在桌面瀏覽器嗎？ – Scoup 2013-05-02 17:31:30

由於cordova代碼，不幸的是無法在桌面瀏覽器中測試。儘管在iOS上不會發生。什麼代碼會有幫助？列表conf？將添加，現在+設置的擴展描述 – Hessius 2013-05-02 18:12:51

我已經有一些phonegap怪異的錯誤。如果IOS能夠正常工作，我建議你首先嚐試使用另一個版本的phonegap（可以是較舊的版本，僅用於測試）。我不能在你的sencha代碼中看到任何問題，所以可以是phonegap或者你正在使用的一些插件。只需將你的「id」放入你的配置文件中，現在所有的配置文件都必須位於配置對象的內部（外部配置已被棄用）。我也遇到了麻煩（在sencha編譯器之後創建了一個非常奇怪的問題）。 – Scoup 2013-05-02 19:16:39

如果您升級了應用煎茶2.2（而不是產生一個新的），事情可能會變得打亂了在app.css的升級（這是我升級時）。在Sencha 2.2中，列表進行了大量修改，所以來自2.2之前的CSS會破壞列表。

如果將未成功升級的app.css替換爲從新的Sencha 2.2應用程序（sencha app generate）創建的app.css，則應該解決該問題，或者至少它可以解決問題。如果不起作用，請增加：

.x-list .x-list-item{ 
    position: relative !important; 
}

應該工作。

希望有幫助！

來源

2013-05-06 03:34:01

不幸的是，這並不適用於我，相反它增加了一個全新的問題，滾動時連續變高。截圖：http://i44.tinypic.com/zl88xu.png – Hessius 2013-05-07 20:08:37

也許嘗試看CSS和消除自然填充/利潤率/減少.X-列表項的HIGHT？ – 2013-05-07 23:31:36

你是指ST 2.2自己的默認CSS或者我可能有的任何自定義CSS？ – Hessius 2013-05-08 13:34:41

Sencha Touch 2.2：在android Phonegap應用程序中相互呈現頂部物品呈現在彼此的頂部

回答

相關問題