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