easyUI-datagrid属性设置display:none,加载数据或表头不显示
2016-01-13 17:26
555 查看
1、页面有三个选项卡,datagrid在第三个选项卡中,初始化时,第三个选项卡display:none ,加载数据或表头时,datagrid数据或表头不显示。
2、如果初始化时,第三个选项卡不设置隐藏(display:block或display:‘ ’),则datagrid数据正常显示,解决方法为:在js中,显示当前div的时候,执行这条代码$("#tableid").datagrid("resize");
原因:把tab设成display:none,tab里面的其他标签也变成了display:none,不是数据不显示,而是被隐藏了。
如下为代码示例片段:动态加载table表头。
2、如果初始化时,第三个选项卡不设置隐藏(display:block或display:‘ ’),则datagrid数据正常显示,解决方法为:在js中,显示当前div的时候,执行这条代码$("#tableid").datagrid("resize");
原因:把tab设成display:none,tab里面的其他标签也变成了display:none,不是数据不显示,而是被隐藏了。
如下为代码示例片段:动态加载table表头。
<div class="zjcc_center" id="zjcc_center_history" style="display:none"> <table id = 'transactionLog' class="easyui-datagrid" title="柜员交易记录表" style="position:absolute;width:1200%; height:500%;" data-options="rownumbers:true,singleSelect:false,method:'get',toolbar:'#tb',autoRowHeight:false"> </table></div>
function getColumns(){ var columns = [[{field:'ck',checkbox:true}, {field:'tellerName',title:'柜员姓名',width:150,align:'center'}, {field:'time',title:'时间',width:150,align:'center'}, {field:'operate',title:'操作',width:150,align:'center'}, {field:'ip',title:'登录IP',width:150,align:'center'} //{field:'remark',title:'备注',width:150} ]]; return columns; }
var Columns = getColumns(); $("#"+datagridDiv).datagrid({columns:Columns}); $("#"+datagridDiv).datagrid("resize");
相关文章推荐
- easyui------显示隐藏列功能
- 如何使用jquery easyui创建标签组件
- jQuery寻找n以内完全数的方法
- 推荐10个2014年最佳的jQuery视频插件
- jquery+CSS3实现淘宝移动网页菜单效果
- 采用easyui tree编写简单角色权限代码的方法
- jQuery实现本地预览上传图片功能
- jquery实现触发时更新下拉列表内容的方法
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- 轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
- 基于jQuery实现网页打印功能
- 在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
- JQuery打造PHP的AJAX表单提交实例
- jquery easyui使用心得
- 初试jQuery EasyUI 使用介绍
- easyui Droppable组件实现放置特效
- jQuery实现的fixedMenu下拉菜单效果代码
- jQuery EasyUI Dialog拖不下来如何解决
- jQuery EasyUI实现右键菜单变灰不可用效果