easyui中的detailview显示不出来。

最新推荐文章于 2021-11-09 17:30:08 发布

原创最新推荐文章于 2021-11-09 17:30:08 发布 · 2k 阅读

CC 4.0 BY-SA版权

在使用EasyUI的DataGrid时，遇到了DetailView无法显示的问题。JS代码已提供，包括datagrid的配置和相关操作。已经确认在JSP页面中引入了datagrid-detailview.js。寻求帮助，怀疑可能存在语法错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS代码如下：

$('#studentinfo').datagrid({
title:'学生信息管理',
iconCls:'icon-save',
width:ScreenWidth(0.97),
height:'auto',
nowrap: false,
striped: true,
collapsible:true,
url:'student/studentaction_query.action',
sortName: 'stu_ID',
sortOrder: 'asc',
remoteSort: false,
showFooter:true,
displayMsg:true,
idField:'stu_ID',
frozenColumns:[[
                {field:'c',title:'全选',checkbox:true}
     ]],
columns:[[
        {field:'stu_ID',title:'ID',width:43,sortable:true,align:'center'},
{field:'stu_Name',title:'姓名',width:105,align:'center'},
{field:'stu_Age',title:'年龄',width:105,sortable:true,align:'center'},
{field:'opt',title:'管理员操作',width:ScreenWidth(1)-900,align:'center',
formatter:function(value,rec,rowIndex){
return "<span style='color:green;cursor:pointer;' onclick='openUpdatePasswordForm("+rowIndex+")'>修改密码</span>          <span style='color:green;cursor:pointer;' onclick='openUpdateForm("+rowIndex+")'>编辑</span>";
}
}
]],
view: detailview,
        detailFormatter: function (index, row) {
        return 'a';
        },
loadMsg:'正在载入数据，请稍候......',
pagination:true,
pageSize : 10,
pageList : [ 10, 15 ,20,25,30 ],
rownumbers:true,
toolbar:[{
id:'addbtn',
text:'添加',
iconCls:'icon-add',
handler:function(){
openSaveForm();
}
},{
id:'delbtn',
text:'删除',
iconCls:'icon-remove',
handler:function(){
del();
}
}]
});

截图如下：