2014-07-01 49 views
0

我面臨着Dojo增強型網格中顯示的數據問題。網格包含兩條記錄(行),但它不能正確顯示,並且水平滾動即將到來,可以滾動到dojo網格的標題之外。Dojo增強型網格中的SCROLL問題 - 以編程方式

我編程方式創建道場增強電網如下: -

GRID代碼: -

grid= new dojox.grid.EnhancedGrid({ 
     id:"grid", 
           noDataMessage: noRecMsg, 
           escapeHTMLInData:false, 
           plugins: { 
           filter: { 
           closeFilterbarButton: false 
           },indirectSelection: true, 
           pagination: { 
    pageSizes: ["25", "50", "100", "All"], 
       description: true, 
           sizeSwitch: false, 
       pageStepper: true, 
           gotoButton: false, 
           /*page step to be displayed*/ 
      maxPageStep: 3, 
         /*position of the pagination bar*/ 
      position: "top" 
     }}, 
           selectionMode: "single", 
           autoWidth: true, 
rowSelector: '20px'}, 
document.createElement('div')); 
dojo.byId("gridDiv").appendChild(grid.domNode); 
grid.startup(); 

Store and Layout code as:- 
gridLayout = []; 
gridLayout.push({ 
                  'field': gridField, 
                  'name': gridHeader, 
                  'width': '120px'     
                  }); 
grid.setStore(store); 
grid.setStructure(gridLayout); 

HTML Code:- 

<div id="Det" data-dojo-type="dojox.widget.Portlet"   title=" Listing" dragRestriction="true" > 
<table width="100%" height="50%" border="0"> 
<tr><td> 
<div id=" gridDiv " ></div> 
</td></tr></table> 
</div> 

我試圖刪除水平滾動,也沒有垂直滾動顯示的行。 請指導/幫助解決此問題。嘗試了一些選項,如(grid.resize(),autoHeight,autoWidth),但沒有工作。

問候, 薩加爾

回答

0

增強電網有兩個主要的div(「dojoxGridContent」,「dojoxGridScrollbox」)ü可以使用他們一次螢火蟲渲染頁面罰款。下面是它是如何轉換爲HTML標籤部分

<div role="presentation" dojoattachpoint="scrollboxNode" class="**dojoxGridScrollbox**" style="height: 461px; overflow: hidden;"> 
    <div role="presentation" hidefocus="hidefocus" dojoattachpoint="contentNode" class="**dojoxGridContent**" style="height:100%; overflow-y:auto;"> 

你需要重寫溢出屬性爲「dojoxGridContent」 deiv前溢出-Y:自動(將垂直滾動設置爲true和水平,以假)

dojo.query('.dojoxGridContent').attr('style','overflow-y:auto;'); 

另一種方法是增加「dojoxGridContent」div的高度使用相同的語法aboec。

相關問題