easyui datagrid
2015-06-08 16:37
381 查看
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<div id="leavemain_depart_list" class="easyui-layout" fit="true">
<div region="center" style="padding: 1px;">
<t:datagrid name="stu_leaveList" actionUrl="departController.do?departgrid" treegrid="true" idField="departid" pagination="false"
onClick="queryStudentByRowData">
<t:dgCol title="编号" field="id" treefield="id" hidden="false"></t:dgCol>
<t:dgCol title="部门名称" field="departname" treefield="text"></t:dgCol>
<%--
<t:dgCol title="职能描述" field="description" treefield="src"></t:dgCol>
<t:dgCol title="操作" field="opt"></t:dgCol>
<t:dgDelOpt url="departController.do?del&id={id}" title="删除"></t:dgDelOpt>
<t:dgFunOpt funname="queryStudentsByDepart(id)" title="查看成员"></t:dgFunOpt>
--%>
</t:datagrid>
<!--
<div id="departListtb" style="padding: 3px; height: 25px">
<div style="float: left;">
<a href="#" class="easyui-linkbutton" plain="true" icon="icon-add" onclick="add('部门录入','departController.do?add','departList')">部门录入</a>
<a href="#" class="easyui-linkbutton" plain="true" icon="icon-edit" onclick="update('部门编辑','departController.do?update','departList')">部门编辑</a>
</div>
</div>
-->
</div>
</div>
<div data-options="region:'east',
collapsed:true,
split:true,
border:false,
onExpand : function(){
li_east = 1;
},
onCollapse : function() {
li_east = 0;
}"
style="width: 1000px; overflow: hidden;">
<div class="easyui-panel" style="padding: 1px;" fit="true" border="false" id="userLeaveListpanel"></div>
</div>
<script type="text/javascript">
<!--
$(function() {
var li_east = 0;
});
function queryUsersByRowData(rowData){
if(li_east == 0){
$('#main_depart_list').layout('expand','east');
}
$('#userListpanel').panel("refresh", "departController.do?userList&departid=" + rowData.id);
}
function queryUsersByDepart(departid){
if(li_east == 0){
$('#main_depart_list').layout('expand','east');
}
$('#userListpanel').panel("refresh", "departController.do?userList&departid=" + departid);
}
function queryStudentByRowData(rowData){
if(li_east == 0){
$('#leavemain_depart_list').layout('expand','east');
}
$('#userLeaveListpanel').panel("refresh", "tbStudentController.do?leaveList&departid=" + rowData.id);
}
function queryStudentsByDepart(departid){
if(li_east == 0){
$('#leavemain_depart_list').layout('expand','east');
}
$('#userListpanel').panel("refresh", "tbStudentController.do?leaveList&departid=" + departid);
}
//-->
</script>
这样一个页面就替代了整个布局的右半部分,数据就由id来选择显示!
<%@include file="/context/mytags.jsp"%>
<div id="leavemain_depart_list" class="easyui-layout" fit="true">
<div region="center" style="padding: 1px;">
<t:datagrid name="stu_leaveList" actionUrl="departController.do?departgrid" treegrid="true" idField="departid" pagination="false"
onClick="queryStudentByRowData">
<t:dgCol title="编号" field="id" treefield="id" hidden="false"></t:dgCol>
<t:dgCol title="部门名称" field="departname" treefield="text"></t:dgCol>
<%--
<t:dgCol title="职能描述" field="description" treefield="src"></t:dgCol>
<t:dgCol title="操作" field="opt"></t:dgCol>
<t:dgDelOpt url="departController.do?del&id={id}" title="删除"></t:dgDelOpt>
<t:dgFunOpt funname="queryStudentsByDepart(id)" title="查看成员"></t:dgFunOpt>
--%>
</t:datagrid>
<!--
<div id="departListtb" style="padding: 3px; height: 25px">
<div style="float: left;">
<a href="#" class="easyui-linkbutton" plain="true" icon="icon-add" onclick="add('部门录入','departController.do?add','departList')">部门录入</a>
<a href="#" class="easyui-linkbutton" plain="true" icon="icon-edit" onclick="update('部门编辑','departController.do?update','departList')">部门编辑</a>
</div>
</div>
-->
</div>
</div>
<div data-options="region:'east',
collapsed:true,
split:true,
border:false,
onExpand : function(){
li_east = 1;
},
onCollapse : function() {
li_east = 0;
}"
style="width: 1000px; overflow: hidden;">
<div class="easyui-panel" style="padding: 1px;" fit="true" border="false" id="userLeaveListpanel"></div>
</div>
<script type="text/javascript">
<!--
$(function() {
var li_east = 0;
});
function queryUsersByRowData(rowData){
if(li_east == 0){
$('#main_depart_list').layout('expand','east');
}
$('#userListpanel').panel("refresh", "departController.do?userList&departid=" + rowData.id);
}
function queryUsersByDepart(departid){
if(li_east == 0){
$('#main_depart_list').layout('expand','east');
}
$('#userListpanel').panel("refresh", "departController.do?userList&departid=" + departid);
}
function queryStudentByRowData(rowData){
if(li_east == 0){
$('#leavemain_depart_list').layout('expand','east');
}
$('#userLeaveListpanel').panel("refresh", "tbStudentController.do?leaveList&departid=" + rowData.id);
}
function queryStudentsByDepart(departid){
if(li_east == 0){
$('#leavemain_depart_list').layout('expand','east');
}
$('#userListpanel').panel("refresh", "tbStudentController.do?leaveList&departid=" + departid);
}
//-->
</script>
这样一个页面就替代了整个布局的右半部分,数据就由id来选择显示!
相关文章推荐
- 【Android UI】RadioGroup+Fragment实现底部菜单栏
- IOS8 viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionC
- 系统UIAlertView与代码弹出的区别
- Mosquito的优化——其他优化(九)
- Mosquito的优化——订阅树优化(八)
- Mosquito的优化——epoll优化(七)
- UEditor用法
- iOS: UIWindow in iOS
- GUI菜单练习
- quintic蓝牙芯片NVDS方法读写flash
- UIPopoverController的使用
- BAE Flask UEditor 使用七牛云
- HDU 1297 Children’s Queue(含整型大数模板)
- easyui中combobox的值改变onchang事件
- Unique Path
- 第五章:druid.io的应用场景
- easyui datagrid 中序列化后的日期格式化
- EasyUITreeGridMasterFile(EasyUITree大数据量一次性加载)
- Failed to issue method call: Unit mysql.service failed to load: No such file or directory解决的方式
- EasyUITreeMasterFile(EasyUITree大数据量一次性加载)