Question

我有一个应用程序，用户输入一个值，应用程序执行查询并返回一些记录。

结果分为两个网格：一些结果将在一个标签中进入一个网格，其他结果将进入第二个标签中的另一个网格。

一切都运转正常，除了网格看起来很糟糕，我似乎无法弄清楚如何让它看起来更好。

问题1： Tab1（tabPOU）：是选定/活动选项卡。网格看起来不错，但有点太宽，所以垂直滚动条很难使用。 Tab2（tabPOD）：与Tab1中的问题相同，但这里有一个真正的问题。第一行记录写在标题之上。如果我将其设置为选定的选项卡，则网格看起来很好，但是Tab1有问题，第一行写在标题顶部。

问题2：这个我真的不明白。当我在脚本中创建网格时，我必须将它放在Tab1中。它在标签中使用div id =“grid”无效。

我试图注释掉所有可能产生影响的ccs文件。无所谓。我已经搞砸了创建带边距和填充的新样式。我尝试使用window.grid

创建全局

如果必须的话，我可以忍受问题2的解决方案。但我真的需要弄清楚为什么我的结果在一起。

HTML部分：

<div id="wrResults" class="edgePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter: true, region: 'bottom'" style="height: 25%">
    <div style="width: 100%; height: 90%; ">
        <div data-dojo-type="dijit/layout/TabContainer" style="width: 100%; height: 100%;">
            <div data-dojo-type="dijit/layout/ContentPane" id="tabPOU" title="POU" data-dojo-props="selected:true" style=" height: 100%; width: 90%; "></div>
            <div data-dojo-type="dijit/layout/ContentPane" id="tabPOD" title="POD"></div>
        </div>
    </div>
</div>

Javascript部分：

function myWaterRightQuery(qrytype, qry_string ){
require([....
"dgrid/OnDemandGrid", 
"dgrid/extensions/DijitRegistry",
...   ], function(
...
Grid, 
DijitRegistry,
...
) {
parser.parse();

去做查询...... 将结果放在两个网格中（这里是一个网格的代码）......

var pod_store =  new Memory({data: pod_data_list});

pod_grid = new Grid({
    store: pod_store,
    columns:{        
        pod_display: "Water Right",
        wr_type: "Water Type",
        name_first:  "First Name",
        name_last:  "Last Name" ,
        name_company: "Company"
    },
    loadingMessage: "Loading data ...",
    noDataMessage: "No results found.",
}, "tabPOD"); 
pod_grid.startup();
pod_grid.renderArray(pod_data_list);

欢迎任何建议。

Javascript OnDemandGrid和TabContainer

0 个答案: