Question

我正面临Dojo增强网格中显示的数据问题。网格包含两个记录（行）但它没有正确显示，并且还会出现一个水平滚动，可滚动到dojo网格的标题之外。

我正在以编程方式创建一个dojo增强网格，如下所示： -

GRID代码： -

grid=  new dojox.grid.EnhancedGrid({
        id:"grid",
                              noDataMessage: noRecMsg,
                              escapeHTMLInData:false,
                              plugins: {
                              filter: {
                              closeFilterbarButton: false
                              },indirectSelection: true,
                              pagination: {
  pageSizes: ["25", "50", "100", "All"],
              description: true,
                               sizeSwitch: false,
              pageStepper: true,
                               gotoButton: false,
                              /*page step to be displayed*/
             maxPageStep: 3,
                      /*position of the pagination bar*/
            position: "top"
         }},
                              selectionMode: "single", 
                              autoWidth: true,
rowSelector: '20px'},
document.createElement('div'));
dojo.byId("gridDiv").appendChild(grid.domNode);
grid.startup();

Store and Layout code as:-
gridLayout = [];
gridLayout.push({
                                                            'field': gridField, 
                                                            'name': gridHeader,
                                                            'width': '120px'                  
                                                            });
grid.setStore(store);
grid.setStructure(gridLayout);

HTML Code:-

<div id="Det" data-dojo-type="dojox.widget.Portlet"         title=" Listing" dragRestriction="true" >
<table width="100%" height="50%" border="0">
<tr><td>
<div id=" gridDiv " ></div>
</td></tr></table>
</div>

我正在尝试删除水平滚动并显示没有垂直滚动的行。请指导/帮助解决这个问题。尝试了一些选项，如（grid.resize（），autoHeight，autoWidth），但都没有。

此致 Sagar的

Answer 1

增强网格有两个主要的div（“dojoxGridContent”，“dojoxGridScrollbox”）你可以在渲染页面后使用firebug对它们进行罚款。下面是它如何转换为html标签的一部分

<div role="presentation" dojoattachpoint="scrollboxNode" class="**dojoxGridScrollbox**" style="height: 461px; overflow: hidden;">
    <div role="presentation" hidefocus="hidefocus" dojoattachpoint="contentNode" class="**dojoxGridContent**" style="height:100%; overflow-y:auto;">

你需要覆盖“dojoxGridContent”的溢出属性deiv e.x overflow-y：auto（将垂直滚动设置为true，水平设置为false）

dojo.query('.dojoxGridContent').attr('style','overflow-y:auto;');

另一种方法是增加“dojoxGridContent”div的高度以使用相同的语法aboec。

Dojo增强型网格中的SCROLL问题 - 以编程方式

1 个答案: