2016-11-11 17 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()修正の両方が必要です。