0

我不确定这是 Dojo 还是 CSS 特定的问题。

我正在尝试将两个 Dojo DataGrids 垂直放置在一个容器中，其中底部网格的底部不会高于容器的底部，并且两个网格之间的拆分器会在移动时增大或缩小网格。随着拆分器向上移动，它应该会放大底部网格的显示，但只能放大到显示所有项目的位置。

发生的事情是当我向上移动分离器时，整个底部网格会上下移动。我尝试包含显示此内容的图像，但我没有足够的代表点。

现在我的布局是这样的：

dojo.require("dijit.layout.BorderContainer");
dojo.require("dojox.grid.DataGrid");
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/resources/dojo.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dijit/themes/tundra/tundra.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>

<body class="tundra">
  <div id="appLayout" class="demoLayout" 
       data-dojo-type="dijit.layout.BorderContainer" 
       data-dojo-props="design:'headline'">
    <div class="demoLayout" 
         data-dojo-type="dijit.layout.BorderContainer" 
         data-dojo-props="title:'Results', design:'headline', region:'center', splitter:false">

      <div class="leftPanel" 
           data-dojo-type="dijit.layout.BorderContainer" 
           data-dojo-props="design:'headline', region:'left', splitter:false">

        <div data-dojo-type="dijit.layout.ContentPane" 
             data-dojo-props="region:'top'">
          <h2>ContentPane</h2>
        </div>

        <div id="grid1" 
             data-dojo-type="dojox.grid.DataGrid" 
             data-dojo-props="region:'center', columnReordering:'true', keepSelection:'true', splitter:false">
        </div>

        <div id="grid2" 
             data-dojo-type="dojox.grid.DataGrid" 
             data-dojo-props="region:'bottom', columnReordering:'true', keepSelection:'true', splitter:true">
        </div>
      </div>
    </div>
  </div>

我是否使用 CSS 锚定底部网格？我的两个 DataGrid 之间需要什么东西吗？感谢您的任何指示。如果需要，我可以在幕后包含 Javascript。

4

0 回答 0