js动态设置datagrid的style无效

fairy_fpy

jsp  datagrid页面
<div class="nui-fit" align="center">
        <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;" allowResize="true" dataField="prproducemarketmonths"
                url="com.rongwei.pims.pm.report.producemarket.queryProduceMarket.queryDeptMonth.biz.ext"  
                showPager="false" sortMode="client"
                idField="producemarketid" multiSelect="true"
            >
js方法
function showexplain(){
            var explainbutton = document.getElementById("explainbutton");
            var explain = document.getElementById("explain");
            if(explainbutton.value == "展开"){
                    grid.style = "width:100%;height:320px;";
                    alert(grid.style);
                    explain.style.display="block";
                    explainbutton.value = "收起";
            }else if(explainbutton.value == "收起"){
                    explain.style.display="none";
                    explainbutton.value = "展开";
            }
        }

我这里的打印出来的数值是"width:100%;height:320px;"，但页面还是自适应高度，我datagrid下面展开一个说明div时，datagrid框就被挤没了，出现不了滚动条，求大神指导

felt

grid.setStyle("....")
MiniUI控件操作请使用MiniUI的api

fairy_fpy

felt 发表于 2014-10-24 13:01
grid.setStyle("....")
MiniUI控件操作请使用MiniUI的api

你好、我现在用了grid.setStyle("width:100%;height:320px");这样还是不行、alert(grid.getStyle());能得到正确的值，但我调试的时候看页面还是没变，grid框还是会被挤掉

felt

fairy_fpy 发表于 2014-10-24 14:22
你好、我现在用了grid.setStyle("width:100%;height:320px");这样还是不行、alert(grid.getStyle());能得 ...

本地测试是可以的
请提供一下完整的页面，我们看一下你的页面结构

fairy_fpy

felt 发表于 2014-10-24 14:34
本地测试是可以的
请提供一下完整的页面，我们看一下你的页面结构

这是我的页面

felt

fairy_fpy 发表于 2014-10-24 15:00
这是我的页面

初始高度320px，可以的

fairy_fpy

felt 发表于 2014-10-24 15:22
初始高度320px，可以的

嗯、好的、那我再试试