自定义datagrid问题
在类似的情况下出现两种不可思议的结果，请求指点：<script type="text/javascript">
var dataGrid;
$(function() {
$('#dG').datagrid({
url : '${pageContext.request.contextPath}/courseController.do?codataGrid',
fit : true,
fitColumns : true,
border : false,
pagination : true,
idField : 'id',
pageSize : 10,
pageList : [ 10, 20, 30, 40, 50 ],
sortName : 'name',
sortOrder : 'asc',
checkOnSelect : false,
selectOnCheck : false,
nowrap : false,
frozenColumns : [ [ {
field : 'id',
title : '编号',
width : 150,
checkbox : true
},
{field:'teacher.name',
title:'教师',
align:'center',
width:80,
sortable : true,
formatter:function(value,row){
return row.teacher.name;
}
}] ],
columns : [ [
{
field : 'name',
title : '名称',
width : 80,
sortable : true
} ] ],
toolbar : '#toolbar',
onLoadSuccess : function() {
$('#searchForm table').show();
parent.$.messager.progress('close');
$(this).datagrid('tooltip');
},
onRowContextMenu : function(e, rowIndex, rowData) {
e.preventDefault();
$(this).datagrid('unselectAll').datagrid('uncheckAll');
$(this).datagrid('selectRow', rowIndex);
$('#menu').menu('show', {
left : e.pageX,
top : e.pageY
});
}
});
});
function searchFun() {
dataGrid.datagrid('load', $.serializeObject($('#searchForm')));
}
function cleanFun() {
$('#searchForm input').val('');
dataGrid.datagrid('load', {});
}
</script>
</head>
<body>
<div class="easyui-layout" data-options="fit : true,border : false">
<div data-options="region:'center',border:false">
<table id="dG"></table>
</div>
</div>
<div id="toolbar" style="display: none;">
</div>
</body>
可以显示教师姓名
换成部门就不行了
<script type="text/javascript">
var dataGrid;
$(function() {
$('#dG').datagrid({
url : '${pageContext.request.contextPath}/htmluserController.do?dataGrid',
fit : true,
fitColumns : true,
border : false,
pagination : true,
idField : 'id',
pageSize : 10,
pageList : [ 10, 20, 30, 40, 50 ],
sortName : 'realName',
sortOrder : 'asc',
checkOnSelect : false,
selectOnCheck : false,
nowrap : false,
frozenColumns : [ [ {
field : 'id',
title : '编号',
width : 150,
checkbox : true
}, {
field : 'userName',
title : '登录名称',
width : 80,
sortable : true
},
{field:'sex',
title:'性别',
align:'center',
width:80,sortable : true, formatter : function(value, row) {
switch(value){
case '0': return '男';
case '1': return '女';
default: return '00';
}
}
},
{field:'TSDepart',
title:'部门',
align:'center',
width:80,sortable : true,formatter:function(value,row){
return row.TSDepart.departname; //这个地方换成row.realName是可以显示姓名的
}
}, {
field : 'realName',
title : '姓名',
width : 80,
sortable : true
}] ],
columns : [ [
{
field : 'email',
title : '邮箱',
width : 60,
sortable : true
},{
field : 'officePhone',
title : '电话',
width : 60,
sortable : true
},{
field : 'bgq',
title : '办公区',
width : 60,
sortable : true
}
] ],
toolbar : '#toolbar',
onLoadSuccess : function() {
$('#searchForm table').show();
parent.$.messager.progress('close');
$(this).datagrid('tooltip');
},
onRowContextMenu : function(e, rowIndex, rowData) {
e.preventDefault();
$(this).datagrid('unselectAll').datagrid('uncheckAll');
$(this).datagrid('selectRow', rowIndex);
$('#menu').menu('show', {
left : e.pageX,
top : e.pageY
});
}
});
});
function searchFun() {
dataGrid.datagrid('load', $.serializeObject($('#searchForm')));
}
function cleanFun() {
$('#searchForm input').val('');
dataGrid.datagrid('load', {});
}
</script>
</head>
<body>
<div class="easyui-layout" data-options="fit : true,border : false">
<div data-options="region:'center',border:false">
<table id="dG"></table>
</div>
</div>
<div id="toolbar" style="display: none;">
</div>
</body>
</html>
换成部门 就不显示了 而且是 frozenColumns 整块都空白了 @JsonIgnore 了
重新写一个
页:
[1]