Dojo, página referenciada em href do Contentpane não carregando grade
-
12-12-2019 - |
Pergunta
<script type="text/javascript">
dojo.ready(function(){
var dataStore;
var grid;
dojo.xhrGet({
url: "/mediation1.0.1/processConfig/getAll",
handleAs: "json",
headers:{"Accept" : "application/json"}
}).then(function(data) {
dataStore = new dojo.data.ObjectStore({ objectStore:new dojo.store.Memory({ data: data }) });
grid = new dojox.grid.EnhancedGrid({
id : "gatewayGrid",
name : "gatewayGrid",
store : dataStore,
query : {id : "*"},
plugins: {indirectSelection: true,
pagination: {
pageSizes: ["10", "20", "30", "All"],
description: true,
sizeSwitch: true,
pageStepper: true,
gotoButton: true,
maxPageStep: 2,
position: "bottom"
}},
selectionMode:'single',
structure : [
{name:"ID", field:"id",hidden:"true"},
{name : "Name", field : "name", width : "auto"},
{name : "IP Address", field : "_item", width : "auto",
formatter: function(item){
return item.collectorParams.host;
}}
,
{name : "Cron Interval", field : "cronExpression", width : "auto"},
{name : "Status", field : "active", width : "auto"}
]
}, document.createElement('div'));
dojo.byId("cmdGateway").appendChild(grid.domNode);
grid.startup();
});
});
</script>
<div id="switchConfigBorder" dojoType="dijit.layout.BorderContainer"
style="background-color: white">
<div id="switchConfigWholePane" dojoType="dojox.layout.ContentPane"
style="background-color: white" region="top">
<div id="cmdGateway">
</div>
</div>
</div>
Este é o conteúdo da página que é referenciado no dojox.layout.ContentPane com href.Posso ver no firebug que a solicitação xhrGet foi disparada e os dados estão chegando.Surpreendentemente, essa técnica funciona se eu preencher o select.Mas este EnhancedGrid não está sendo renderizado.
Solução
qual é a propriedade overflow do div cmdGateway?Deve ser automático ou rolagem.Tente também definir a propriedade autoHeight da grade como algum número inteiro.
Alguns dias atrás, também enfrentei o mesmo problema com o DataGrid.Vou sugerir começar definindo a altura do cmdGateway div e ver se o Grid está visível.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow