Grid 以编程方式在Dojo增强型网格中滚动问题

Grid 以编程方式在Dojo增强型网格中滚动问题,grid,dojo,Grid,Dojo,我面临Dojo增强网格中显示数据的问题。网格包含两条记录(行),但显示不正确,而且还会出现一个水平滚动条,可以滚动到dojo网格的标题之外 我正在以编程方式创建dojo增强型网格,如下所示:- 网格代码:- grid= new dojox.grid.EnhancedGrid({ id:"grid", noDataMessage: noRecMsg, escap

我面临Dojo增强网格中显示数据的问题。网格包含两条记录(行),但显示不正确,而且还会出现一个水平滚动条,可以滚动到dojo网格的标题之外

我正在以编程方式创建dojo增强型网格,如下所示:-

网格代码:-

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=new dojox.grid.EnhancedGrid({
id:“网格”,
noDataMessage:noRecMsg,
escapeHTMLInData:false,
插件:{
过滤器:{
关闭过滤器按钮:false
},间接选择:true,
分页:{
页面大小:[“25”、“50”、“100”、“全部”],
描述:对,
大小开关:错误,
是的,
戈托布顿:错,
/*要显示的页面步骤*/
maxPageStep:3,
/*分页条的位置*/
位置:“顶部”
}},
选择模式:“单一”,
自动宽度:正确,
行选择器:'20px'},
document.createElement('div');
dojo.byId(“gridDiv”).appendChild(grid.domNode);
grid.startup();
存储和布局代码如下:-
gridLayout=[];
gridLayout.push({
“字段”:gridField,
“名称”:gridHeader,
“宽度”:“120px”
});
网格设置存储(存储);
网格结构(网格布局);
HTML代码:-
我试图删除水平滚动,并显示行没有垂直滚动。 请指导/帮助解决此问题。尝试了一些选项,如(grid.resize()、autoHeight、autoWidth),但都不起作用

问候,,
Sagar

增强型网格有两个主要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”div的高度,使其使用相同的语法aboec

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