2010-02-16 73 views
0

幾天前我在Ext論壇發佈了這個消息,但沒有迴應,所以也許在這裏更好的運氣。DataView隱藏產卵組合框

我目前有一個組合框通過ajax加載來自php的數據。一切工作正常,除了當我的結果返回時,DataView覆蓋了ComboBox(圖2)。我已經包含了下面的相關代碼,所以任何幫助將不勝感激。

我可能是錯的,但我認爲我已經消除了CSS問題,因爲DataView元素以絕對位置呈現。

alt text http://img.skitch.com/20100216-8t4pmbc3e6mydqqrac9qm9ucj.jpg

圖1.

alt text http://img.skitch.com/20100216-n5t44g8rua7fawkwjrj49fk7t4.jpg

圖2.

var dataStore = new Ext.data.JsonStore({ 
    url: '/ajaxGateway.php', 
    root: 'data', 
    baseParams: { 
     useClass: 'App_GeoIP_GeoIP', 
     useMethod: 'getLocationsStartingWith' 
    }, 
    fields: [ 
      {name:'text', mapping:'TITLE'}, 
      {name:'stateName', mapping:'STATE_NAME'}, 
      {name:'regionHierarchy', mapping:'REGION_HIERARCHY'}, 
      {name:'id', mapping:'ID', type:'int'}, 
      {name:'lat', mapping:'LATITUDE', type:'float'}, 
      {name:'lng', mapping:'LONGITUDE', type:'float'} 
      ] 
}); 

_

var resultTpl = new Ext.XTemplate(
    '<tpl for="."><div class="search-item" style="text-align:left">', 
    '<span>{text}, <small>{stateName}</small></span>', 
    '</div></tpl>' 
); 

_

var locationBasedRulesTree = new Ext.tree.TreePanel({ 
    title: 'Location Based Regions', 
    height: 329, 
    width: 480, 
    autoScroll: true, 
    useArrows: true, 
    animate: false, 
    rootVisible: false, 
    frame: true, 
    enableDrag: true, 
    root: new Ext.tree.AsyncTreeNode({ 
     id:'custom_root' 
    }), 
    tbar: new Ext.Toolbar(), 
    listeners: 
    { 
     listenersHandlers...: function(){} 
    } 
}); 

_

​​
+0

ExJS皮膚是什麼? – LiraNuna 2010-02-16 05:17:18

+0

@LiraNuna xtheme-gray.css – Drew 2010-02-17 01:07:22

回答

0

很難說。我要做的第一件事是將組合框從你的佈局中剝離出來,並嘗試將其渲染爲普通頁面,看看你是否仍然有這個問題(應該很簡單)。這將立即確認或排除它與您的特定佈局有關。你也沒有提到這是否只發生在特定的瀏覽器/操作系統組合中 - 如果是這樣,它可能是一個Ext錯誤。如果它發生在任何瀏覽器中,那麼這可能是您的佈局問題。先嚐試縮小它,然後下一步可能會更明顯。

0

它看起來幾乎就像listAlign或hideParent設置錯誤..我沒有看到你的定義,但會仔細檢查...嘗試手動設置這些配置選項。我沒有設置listWidth配置屬性時也遇到了問題。