easyUI——控制datagrid的显示与隐藏
来源:互联网 发布:linux socket编程 pdf 编辑:程序博客网 时间:2024/06/08 12:20
在做java-ITOO的选课系统时,学生选课界面要显示:可选课程,已选课程和历史选课。
在这一个界面上,信息量是非常大的,怎么样让用户快速,简洁的了解自己要的信息呢?
故,我们决定把已选课程和历史选课先隐藏起来,做了两个按钮,让用户点击的时候再出现,再点击一下隐藏。
实现起来是非常简单的,首先,我们在界面加载时隐藏“历史选课”“已选课程”这两个datagrid:
$(function() {document.getElementById("yixuan").style.display="none";document.getElementById("lishi").style.display="none";})然后定义已选课程、历史选课按钮的onclick事件,直接调用就可以了
//点击”已选选课“按钮执行事件 function ShowYX(){/* $("#yixuan").show();$("#t").datagrid('reload'); */var o=document.getElementById("yixuan").style.display;if(o=="none"){document.getElementById("yixuan").style.display="";$("#t").datagrid('reload');}if(o==""){document.getElementById("yixuan").style.display="none";}} //点击”已选选课“按钮执行事件function ShowLS(){/* $("#yixuan").show();$("#t").datagrid('reload'); */var o=document.getElementById("lishi").style.display;if(o=="none"){document.getElementById("lishi").style.display="";$("#dg").datagrid('reload');}if(o==""){document.getElementById("lishi").style.display="none";}}
这样,我们想要的效果就实现啦。
其实也可以,用div把datagrid包起来,直接控制div的显示与隐藏也可以,那样就简单了,直接hide,show就可以了。
1 0
- easyUI——控制datagrid的显示与隐藏
- 控制easyui datagrid 显示和隐藏的正确方法
- easyUI——datagrid的动态显示和隐藏
- easyui的datagrid显示或隐藏列
- EasyUI按钮控制标签显示与隐藏
- easyui datagrid控制显示进度条
- 如何控制easyui datagrid显示
- easyui datagrid将表头的checkbox不显示(隐藏)
- easyui datagrid 动态控制列的显示和隐藏
- easyUI的datagrid行号隐藏
- 控制easyUI datagrid field里面显示的内容
- easyUI tab页的显示与隐藏
- EasyUI-Tab的显示与隐藏
- jquery easyui 隐藏和显示datagrid
- easyui-datagrid 动态显示隐藏行
- easyui datagrid 列隐藏和显示
- jQuery EasyUI — 格式化显示datagrid的numberbox编辑类型
- JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据
- 怎样让一个批处理文件开机自动启动?
- Java设计模式 -- 策略模式
- 207. Course Schedule
- JavaScript 作用域 理解
- HTML5实例教程:OL标签的start属性和reversed属性
- easyUI——控制datagrid的显示与隐藏
- Android:30分钟弄明白Touch事件分发机制
- Android集成微信支付
- [决策单调性 分治 主席树] BZOJ 4367 [IOI2014]holiday假期
- Redis 基本命令备忘
- .net 反射实现两个相同结构实体类的转换
- Java线程的5种状态及切换
- C#中Main()和四种参数类型
- ld Memory exhausted一解