Jquery jTable头文件
我正在使用Jquery jTable头文件,jquery,jtable,Jquery,Jtable,我正在使用jTable插件创建一个表表单。我正试图用PHP实现它。我下载了示例文件，效果非常好 问题是：当我执行代码时，表中没有“转到页面区域”。 我试图解决在客户端代码中更改Html的头部分文件的问题。所以我下载了jquery、jquery ui和jtable的最新版本。 我不确定问题是在客户端代码上还是在我下载的.css和.js文件上的Jquery、jqueryui文件中 这是我的代码： <html> <head> <link rel="styles
jTable插件创建一个表“转到页面区域”<html>
<head>
<link rel="stylesheet" href="jquery-ui-1.11.2/jquery-ui.css" />
<link href="Scripts/jtable/themes/lightcolor/blue/jtable.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.11.1.js"></script>
<script src="scripts/jquery-ui-1.8.16.custom.min.js"></script>
<script src="Scripts/jtable/jquery.jtable.js" type="text/javascript"></script>
</head>
<body>
<div id="PeopleTableContainer" style="width: 600px;"></div>
<script type="text/javascript">
$(document).ready(function () {
//Prepare jTable
$('#PeopleTableContainer').jtable({
title: 'Table of people',
paging: true,
pageSize: 2,
gotoPageArea: 'combobox',
pageSizes: {10,25,50,100,250,500},
pageSizeChangeArea: true,
sorting: true,
defaultSorting: 'Name ASC',
actions: {
listAction: 'PersonActionsPagedSorted.php?action=list',
createAction: 'PersonActionsPagedSorted.php?action=create',
updateAction: 'PersonActionsPagedSorted.php?action=update',
deleteAction: 'PersonActionsPagedSorted.php?action=delete'
},
fields: {
PersonId: {
key: true,
create: false,
edit: false,
list: false
},
Name: {
title: 'Author Name',
width: '40%'
},
Age: {
title: 'Age',
width: '20%'
},
RecordDate: {
title: 'Record date',
width: '30%',
type: 'date',
create: false,
edit: false
}
}
});
//Load person list from server
$('#PeopleTableContainer').jtable('load');
});
</script>
</body>
</html>
$（文档）.ready（函数（）{
//准备jTable
$（“#PeopleTableContainer”）.jtable({
标题:"人表",，
是的，
页面大小：2，
gotoPageArea:'组合框'，
页面大小：{10,25,5010020500}，
pageSizeChangeArea:正确，
排序：对，
defaultSorting:“名称ASC”，
行动：{
listAction:'PersonActionsPagedSorted.php？action=list'，
createAction:'PersonActionsPagedSorted.php？action=create'，
updateAction:'PersonActionsPagedSorted.php？action=update'，
deleteAction:'PersonActionsPagedSorted.php？action=delete'
},
字段：{
人物：{
关键：没错，
创建：false，
编辑：false，
列表：false
},
姓名：{
标题：“作者姓名”，
宽度：“40%”
},
年龄：{
标题:"年龄",，
宽度：“20%”
},
记录日期：{
标题：“记录日期”，
宽度：“30%”，
键入：“日期”，
创建：false，
编辑：false
}
}
});
//从服务器加载人员列表
$（'PeopleTableContainer'）.jtable（'load'）；
});
示例文件下载时，不响应命令“goToPageArea”的原因是主题上的原因，有些主题没有该功能。为了解决我的问题，我直接从作者syte下载了主题文件