Ошибка отображения данных в dojo DGRID на html-странице

Question

У меня возникла проблема с отображением строк данных в Dojo DGrid на веб-странице. Я пробовал OnDemandGrid, а также dgrid / grid.

Проблема в том, что я создаю сетку, инициализирую ее с некоторыми данными JSON, а затем добавляю ее в div на странице HTML. Однако он только отображает пустую сетку на веб-странице. Однако, если я нажму F12 (в IE) или открою инструменты отладки в других браузерах, тогда сетка будет отображаться правильно с данными. Это как когда я нажимаю F12, это вызывает перерисовку страницы.

Кто-нибудь видел проблему, подобную этой? Я удалил все настройки console.log на тот случай, если это вызвало проблему, но это не помогло.

Вот пример кода, который я использую:

try {

require([ "dojo/request", "dojo/store/Memory","dgrid/OnDemandGrid" ], function(request, Memory,
                        OnDemandGrid) {
                 var testdata = [
                                 { id:1, alertCode: "Bob", alertDescription: "Barker", alertCount: 89 },
                                 { id:2, alertCode: "Vanna", alertDescription: "White", alertCount: 55 },
                                 { id:3, alertCode: "Pat", alertDescription: "Sajak", alertCount: 65 }



 var gridStore = new Memory({ data: testdata });


                store.idProperty = "id";//params.idProperty;
                style="width: 900px; height: 300px;";

                grid = new OnDemandGrid({
                    store : gridStore,
                    columns : {
                        alertCode : "Alert Code",
                        alertDescription : "Description",
                        alertCount : "Count"
                    }
                }, params.gridId);

                grid.startup();

            }); //end  grid             

            if (containerDOM !== null) {
                containerDOM.appendChild(grid.domNode);
            }

             }
             catch(e){
                 console.log("exception with grid:" + e);
             }