2016-11-11 78 views
0

我有一個非常類似的問題this崗位。dgrid樹渲染持平於第一

我的症狀是一樣的(首先讓父母和孩子平躺,你可以「擴大」父母,讓孩子在他們的正下方顯示,然後你可以再次摺疊他們以得到樹顯示它應該如何),但提供的解決方案(通過store.getRootCollection()到電網,而不是僅僅店),對我來說不起作用。如果我這樣做,我什麼也沒得到,但顯示的標題。首先,我試圖使用dgrid laboratory中顯示的代碼(只需在「網格要素」中選中「樹」)來使其工作,以儘可能消除我的錯誤。

唯一的東西我能想到這是從我的例子代碼不同的是,我正在做一個自定義部件的這裏面的網格,並且我加載其他幾個模塊(我知道我需要他們後來)

define(["dojo/_base/declare", 
 
     "dojo/_base/lang", 
 
     "dojo/dom", 
 
     "dojo/dom-construct", 
 
     "dojo/text!./templates/DefaultsWidget.html", 
 
     "dijit/_WidgetBase", 
 
     "dijit/_TemplatedMixin", 
 
     "dijit/_WidgetsInTemplateMixin", 
 
     "dijit/TitlePane", 
 
     "dijit/layout/ContentPane", 
 
     "dgrid/OnDemandGrid", 
 
     "dgrid/Keyboard", 
 
     "dgrid/Selection", 
 
     "dgrid/extensions/DijitRegistry", 
 
     "dgrid/Editor", 
 
     "dgrid/Tree", 
 
     "dstore/Memory", 
 
     "dstore/Trackable", 
 
     "dstore/Tree", 
 
     "dojo/domReady!"], 
 
\t \t function(/*DOJO:*/declare, lang, dom, domConstruct, template, 
 
\t \t \t \t /*DIJIT*/_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, TitlePane,ContentPane, 
 
\t \t \t \t /*DGRID*/OnDemandGrid, Keyboard, Selection, DigitRegistry, Editor, Tree, 
 
\t \t \t \t /*DSTORE*/Memory, Trackable, TreeStoreMixin){ 
 
\t \t \t return declare("company.widgets.DefaultsWidget", [_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin], { 
 
\t \t \t \t 
 
\t \t \t \t //The template defined with dojo.text 
 
\t \t \t \t templateString: template, \t \t \t \t 
 
\t \t \t \t grid: null, 
 
\t \t \t \t 
 
\t \t \t \t postCreate: function(){ 
 
\t \t \t \t \t 
 
\t \t \t \t \t var testData = []; 
 
\t \t \t \t \t var column; 
 
\t \t \t \t \t var i; 
 
\t \t \t \t \t var item; 
 

 
\t \t \t \t \t for (i = 0; i < 50; i++) { 
 
\t \t \t \t \t \t item = {}; 
 
\t \t \t \t \t \t for (column in { First_Name: 1, Last_Name: 1 }) { 
 
\t \t \t \t \t \t \t item.id = i; 
 
\t \t \t \t \t \t \t item[column] = column + '_' + (i + 1); 
 
\t \t \t \t \t \t } 
 
\t \t \t \t \t \t if (i > 1) { 
 
\t \t \t \t \t \t \t item.hasChildren = false; 
 
\t \t \t \t \t \t \t item.parent = i % 2; 
 
\t \t \t \t \t \t } 
 
\t \t \t \t \t \t testData.push(item); 
 
\t \t \t \t \t } 
 
\t \t \t \t \t 
 
\t \t \t \t \t var store = new (declare([Memory, Trackable, TreeStoreMixin]))({ 
 
\t \t \t \t \t \t data: testData 
 
\t \t \t \t \t }); 
 
\t \t \t \t \t 
 
\t \t \t \t \t // Instantiate grid 
 
\t \t \t \t \t this.grid = new (declare([OnDemandGrid, Tree]))({ 
 
\t \t \t \t \t \t collection: store, 
 
\t \t \t \t \t \t columns: { 
 
\t \t \t \t \t \t \t First_Name: { 
 
\t \t \t \t \t \t \t \t label: 'First Name', 
 
\t \t \t \t \t \t \t \t renderExpando: true 
 
\t \t \t \t \t \t \t }, 
 
\t \t \t \t \t \t \t Last_Name: { 
 
\t \t \t \t \t \t \t \t label: 'Last Name' 
 
\t \t \t \t \t \t \t } 
 
\t \t \t \t \t \t }, 
 
\t \t \t \t \t }, this.testGrid); 
 
\t \t \t \t \t 
 

 
\t \t \t \t }, 
 
\t \t \t \t startup: function() { 
 
\t \t \t \t \t this.grid.startup(); 
 
\t \t \t \t } 
 

 
\t \t \t }); //return declare 
 
     }//function 
 
);//define

這是怎麼網格顯示集合:商店,

enter image description here

請讓我知道如果你需要更多的信息,或者如果我錯過了任何SO指導方針或禮節,我會很樂意編輯,改寫等。

回答

0

看來,導致網格顯示此問題方法是根行並沒有在他們parent: null。在實驗室中顯示的代碼不會出現過去一樣工作,並要求這兩個我剛纔提到的修復,以及從我所引用的問題.getRootCollection()修復。