2013-04-05 45 views
2

我正在創建如下的dojo網格,我正在使用indirectSelection插件創建複選框,如下所示,但默認情況下,複選框將出現在第一列網格。我如何使它在最後一列出現?無法將複選框添加到dojo增強網格中的最後一列

var grid = new dojox.grid.EnhancedGrid({ 
     id: 'serialsGrid', 
     style: 'width:auto;height:250px;', 
     store: store, 
     structure: layout, 
     rowSelector: '20px', 
     plugins: { 
      indirectSelection: {name:'Requested',headerSelector:true, width:"40px", styles:"text-align: center;"}, 
      pagination: { 
       pageSizes: ["25", "50", "100", "All"], 
       description: true, 
       sizeSwitch: true, 
       pageStepper: true, 
       gotoButton: true, 
         /*page step to be displayed*/ 
       maxPageStep: 4, 
         /*position of the pagination bar*/ 
       position: "bottom" 
      } 
     } 
    }, document.createElement('div')); 

    /*append the new grid to the div*/ 
    //var temp=grid.domNode; 
    dojo.byId("serialsGridDiv").appendChild(grid.domNode); 
    /*Call startup() to render the grid*/ 
    serialsGridCopy=grid; 
    grid.startup(); 
}); 
+0

如果您需要幫助,請編輯問題並顯示'layout'的代碼。感謝:) – Jess 2013-04-06 01:23:16

+0

{name:'Line Number',field:'bLineNumber'}, {name:'Product Number',field:'dirProductNumber'}, {name:'Number of Days' ,字段:'dirNumberOfDays'}, {name:'Serial Received',field:'bSerialReceived'}, {name:'Receipt Date',field:'bReceiptDate'}, {name:'Serial Shipped',field :'bSerialShipped'}, {name:'Ship Date',field:'bShipDate'}, {name:'Discrepant Serial',field:'checkBox'} ]]; – kumar 2013-04-08 09:38:18

+0

佈局如上請幫助我:( – kumar 2013-04-08 09:41:48

回答

1

插件本身也沒有那麼遠做的能力,我知道,所以我開始尋找在EnhancedGrid本身所具有的功能和grid.layout在功能moveColumn()跌跌撞撞。 文檔本身(here)並非真正有用,但我用它將每列都移動一個位置,以便第一列成爲最後一列。

我也做了一個工作JSFiddle來演示你可以看到here。正在移動的列中的代碼可以在代碼的底部找到:

for (var i = 1;i < grid.layout.cells.length;i++) { 
    grid.layout.moveColumn(1, 1, i, i-1, grid.layout); 
} 

它的作用是執行以下操作:其移動從索引1開始每列中,所以這意味着除了indirectSelection列中的一個的所有列提前一步(i-1)。

+0

感謝Dimitri其工作... 如果你不介意我想多一件事情, 我想顯示名稱在最後coulmn有複選框,所以我把名稱: 'Requested',headerSelector:true,在indirectSelection插件中,但只有headerelector複選框不在列名 – kumar 2013-04-08 11:54:03

+0

任何請重播.... – kumar 2013-04-08 12:51:05

+0

我不認爲你可以同時擁有標題選擇器和名稱。你應該從你的屬性中刪除'headerSelector:true' – g00glen00b 2013-04-08 13:10:18

相關問題