dialog - 如何将 Dojox.grid 放入 dijit.Dialog 中

Question

我已经阅读了这里有关 dojox.Grid 的帖子，包括有关 tabcontainer 的帖子，但它似乎并没有解决我的问题。

我有一个以编程方式添加的网格，如果网格位于“主”标记中，它会很有效，但如果我将网格放入对话框中，它就会停止显示。

有什么想法可以解释为什么吗？使用dojo 1.3.1。

dijit.byId("myDialog").show();
var gridStore = new dojo.data.ItemFileReadStore({
      data : {
        identifier : "id",
        items      : [
                      {"id" : 1, "label" : "foo"},
                      {"id" : 2, "label" : "bar"},
                      {"id" : 3, "label" : "baz"}
        ]
      }
    });

    /* A simple layout that specifies column headers and
     * mappings to fields in the store */
    var gridLayout = [
            {name : "ID",    field : "id",    width : "50%"},
            {name : "Label", field : "label", width : "50%"}
    ];

    /* Programmatically construct a data grid */
    var grid = new dojox.grid.DataGrid({
                       store     : gridStore,
                       structure : gridLayout
               }, "gridNode");

    /* Tell the grid to lay itself out since
     * it was programmatically constructed */
    grid.startup();

标记是:

 <div dojoType="dijit.Dialog" id="myDialog" title="Multiple Addresses" style="width:400px;height:300px" >
    <div dojoType="dijit.layout.ContentPane" id="gridNode" style="positon:relative;width:100%;height:100%"></div>

感谢您的帮助， 规则

Answer 1

所以，我遇到的问题似乎源于没有在网格容器 div (gridNode) 上放置显式样式，一旦我这样做了:

<div dojoType="dijit.layout.ContentPane" id="gridNode" style="width:400px;height:300px"></div>

它开始工作了。