61,115
社区成员
发帖
与我相关
我的任务
分享easyui的控件，可以看到显示查到了48条数据，但是为什么表格里不显示呢
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/easyui/easyloader.js"></script>
<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="css/easyui/themes/easyui.css" >
<link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
</head>
<body class="easyui-layout">
<div data-options="region:'west',title:'选项',split:true" style="width:150px;">
<ul id="tt1" class="easyui-tree">
<li>
<span>管理选项</span>
<ul>
<li>
<span>题库管理</span>
<ul>
<li><span><a href="javascript:void(0)" onclick="addPanel('/subjecttable','查询题目')">查询题目</a></span></li>
<li><span><a href="javascript:void(0)" onclick="addPanel('tab1.jsp','新增题目')">新增题目</a></span></li>
<li><span><a href="javascript:void(0)" onclick="addPanel('tab1.jsp','编辑题目')">编辑题目</a></span></li>
</ul>
</li>
<li><span><a href="javascript:void(0)" onclick="addPanel('tab1.jsp','教师管理')">教师管理</a></span></li>
<li><span><a href="javascript:void(0)" onclick="addPanel('tab1.jsp','哈哈')">哈哈</a></span></li>
</ul>
</li>
<li><span><a href="javascript:void(0)" onclick="addPanel('tab1.jsp','关于')">关于</a></span></li>
</ul>
</div>
<div id="tt" data-options="region:'center',title:'主面板'" class="easyui-tabs" style="padding:5px;background:#eee;">
<div title="my" style="padding:20px;display:none;">
予诺教育
</div>
</div>
</body>
<script type="text/javascript">
var index = 0;
function addPanel(url,title){
if(!$('#tt').tabs('exists', title)){
$('#tt').tabs('add',{
title: title,
content: '<iframe src="'+url+'" frameBorder="0" border="0" style="width: 100%; height: 100%;"/>',
closable: true
});
}else{
$('#tabs').tabs('select', title);
}
}
function removePanel(){
var tab = $('#tt').tabs('getSelected');
if (tab){
var index = $('#tt').tabs('getTabIndex', tab);
$('#tt').tabs('close', index);
}
}
</script>
</html>
...全文
请发表友善的回复…
发表回复
锁柱子 2016-12-26
- 打赏
- 举报
确实是字段名不匹配
IMyxuan 2016-12-01
- 打赏
- 举报
<th data-options="field:'SUID',align:'center'" width="40">ID</th>这里面，你确定数据库的字段真的是大写的吗？field要跟返回来的数据的字段完全匹配才行的，如果匹配，肯定能显示数据的
锁柱子 2016-11-26
- 打赏
- 举报
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/index.css" >
<link rel="stylesheet" type="text/css" href="css/easyui/themes/easyui.css" >
<link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
</head>
<body>
<table id="dg" title="题库" style="width:100%;height:100%" data-options="rownumbers:true,singleSelect:true,pagination:true,url:'/subjects/list',method:'get'">
<thead>
<tr>
<th data-options="field:'SUID',align:'center'" width="40">ID</th>
<th data-options="field:'SUPIC',align:'center'" width="100">照片</th>
<th data-options="field:'SUTEXT',align:'center'" width="150">题目</th>
<th data-options="field:'SUSOURCE',align:'center'" width="80">题源</th>
<th data-options="field:'SUSUBJECT',align:'center'" width="40">科目</th>
<th data-options="field:'SUDIFFICULT',align:'center'" width="40">难度</th>
<th data-options="field:'SUSTUTYPE',align:'center'" width="120">适合学生种类</th>
<th data-options="field:'SUTEACHERID',align:'center'" width="120">提出教师ID</th>
<th data-options="field:'SURESULT',align:'center'" width="150">答案</th>
<th data-options="field:'SUTIMES',align:'right'" width="40">被做次数</th>
<th data-options="field:'SUCREATTIME',align:'center'" width="80">录入时间</th>
<th data-options="field:'SUTYPE',align:'center'" width="40">题的种类</th>
<th data-options="field:'SUGRADE',align:'center'" width="40">年级</th>
</tr>
</thead>
</table>
<script type="text/javascript">
$(function(){
var pager = $('#dg').datagrid().datagrid('getPager'); // get the pager of datagrid
pager.pagination({
buttons:[{
iconCls:'icon-search',
handler:function(){
alert('search');
}
},{
iconCls:'icon-add',
handler:function(){
alert('add');
}
},{
iconCls:'icon-edit',
handler:function(){
alert('edit');
}
}]
});
})
</script>
</body>
</html>
