Как создать dgrid внутри программно созданного Dojo Диалог

Question

Я пытаюсь использовать Dojo dgrid внутри программно созданного Dojo диалога, используя следующий код:

define(["dojo/_base/declare","dgrid/Grid", "dijit/Dialog"], function (declare, Grid, Dialog){ 
    return declare("modules.egisDataGrid", null, { 

showFeedBack:function(){ 

var myDialog = new Dialog({ 
    title: "FeedBackList", 
    style: "width: 600px; height:320px;", 
    content: "" 
}); 

var data = [ 
     { first: "Bob", last: "Barker", age: 89 }, 
     { first: "Vanna", last: "White", age: 55 }, 
     { first: "Pat", last: "Sajak", age: 65 } 
    ]; 

    var grid = new Grid({ 
     columns: { 
      first: "First Name", 
      last: "Last Name", 
      age: "Age" 
     } 
    }, myDialog.containerNode); 


    grid.renderArray(data); 
    grid.startup(); 
     myDialog.show(); 
} 
}); 

}); 

появляется диалоговое окно, но раскладка ужасно перепутались следующим образом:

Я думаю, что это связано с порядком, в котором инициализируется dgrid. Я пробовал все, что мог придумать, но я до сих пор не могу понять, как правильно его инициализировать/

Answer 1

Нужно убедиться, что сетка вызывает метод изменения размера при отображении диалога. На данный момент ваша сетка запускается, пока диалог не отображается, поэтому он не имеет понятия, что делать с макетом и размером.

myDialog.on('show', someGridResizeFunction); 

И называют grid.resize() где-то в этой функции