自定义datagrid问题

bigshuai · 发表于 2014-3-3 16:55:38

在类似的情况下出现两种不可思议的结果，请求指点：
<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>

bigshuai · 发表于 2014-3-3 16:56:53

换成部门就不显示了而且是 frozenColumns 整块都空白了

bigshuai · 发表于 2014-3-3 23:34:58

@JsonIgnore 了
重新写一个