easyUI datagrid组件能否有display:none的隐藏效果

这个项目用了JQ easyUI datagrid 组件,我今天做了一个页面,页面有个div层,div里放了一个easyUI datagrid,页面初始化时div隐藏(display:none),通过点击按钮,div显示(display:block),可是当点击按钮后,datagrid只显示了一条线。初始化时设置div的display属性为block时,一切正常。这是datagrid和div有区别吗?

 

在div 里设置 class="easyui-datagrid" 时,easyui会根据这个class生成一个datagrid界面,
也可以<div id="datagrid"></div>这样,在script脚本里,$("#datagrid").datagrid([])生成的想要的效果

如果想深入的研究可以看官方文档http://www.jeasyui.com/documentation/index.php 

 

显示当前div的时候,执行这条代码$("#tableid").datagrid("resize");

 

resize即可解决该问题 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值