【转】jquery easyui -datagrid(悬浮,隐藏)
来源:互联网 发布:南欧四猪 知乎 编辑:程序博客网 时间:2024/06/06 03:05
对于jquery easyui 的datagrid引用碰到了几个小问题,总结为下:
1.当引用datagrid的页面标签<body>用到了<body class="easyui-layout">时,datagrid会悬浮在页面之上,像是在页面之上的又一层一样,当拖动页面的滚动条下滑或上移时,页面的内容会从datagrid对应的table下移动,而该table(datagrid对应的)则是悬浮在页面之上不作移动.
解决办法:从body标签移除'easyui-layout'对应的class.
2.对于一个页面中应用了datagrid的table控件来说,如在页面打开时为隐藏,在页面的应用中再动态显示,这样,显示出来的table数据则会隐藏不可见,table的标题,工具栏,分页栏则会压缩在一起,而需要显示的数据却未能正常显示出来.(这种情况用的是方法hide()和show()).
解决办法:对需要隐藏的datagrid及相关内容由一个div包容,并且为该div附加class="easyui-panel",使得所有的div内的容存放在一个panel窗器内.这时可为该div再附加closed='true'或是在$(function(){$('#divID').panel('close');});设置,使得在页面初始加载时,该部分内容不可显示,然后在js脚本中用$('#divID').panel('open');来显示该内容.
html:(片段)
<div id="indexCom" class="easyui-panel" closed="true">
<div class="hot-title">近似器件</div>
<table id="inexCommondityTab"></table>
</div>
js:(片段)
function getSimilarComTotalNum(){
this.reloadCommondity();
$('#indexCom').panel('open');
}
function reloadCommondity(){
var category = this.getCategories();
var comname = $.trim($('#comName')[0].value);
var commodel = $.trim($('#comModel')[0].value);
$('#inexCommondityTab').datagrid('reload',{'comname':comname,'commodel':commodel,'categoryvalues':category});
}
- 【转】jquery easyui -datagrid(悬浮,隐藏)
- jquery easyui -datagrid(悬浮,隐藏)
- jquery easyui 隐藏和显示datagrid
- jquery easyui datagrid 动态隐藏列
- easyui datagrid 隐藏
- jquery-easyui中datagrid扩展,隐藏显示表头功能
- JQuery easyui DataGrid隐藏某一列的功能
- JQuery EasyUI 隐藏datagrid表头的复选框
- easyui Jquery datagrid 导出Excel(转)
- jquery easyui DataGrid
- jQuery EasyUI DataGrid
- jquery easyUI datagrid
- Jquery easyui DataGrid分页
- JQuery EasyUI DataGrid
- jquery easyui DataGrid
- jquery easyui datagrid API
- jquery easyui datagrid 分页
- jquery easyui DataGrid
- linux回复uuid出错解决
- 怎样使一个Android应用不被杀死
- JSP中checkbox实现全选等功能_1
- 运用贝叶斯统计知识对参数进行估计
- Oracle的锁表与解锁 、Oracle锁用户
- 【转】jquery easyui -datagrid(悬浮,隐藏)
- hdu 1063 Exponentiation
- 正则表达式大全
- C#反序列化无法找到程序集
- 测试驱动开发-实例-笔记
- Android--VideoPlay--视频播放器
- hdu 1064 Financial Management
- hadoop 的HDFS文件系统
- noVNC 源码安装步骤