level 1
为什么我的bootstrap用table分页时,后台传的值有,但是前台就是接受不到
2017年10月23日 08点10分
1
level 1
{
"total": 74,
"rows": [{
"PC_Level": "二级",
"PC_Stage": "施工阶段",
"PC_Task": "项目广告策略和费用计划审批通过",
"PC_StateTime": "2013-04-01T00:00:00",
"PC_Cycle": 30,
"PC_EndTime": "2013-04-30T00:00:00",
"PC_ResponsibilityDepartment": "市场营销部"
},
{
"PC_Level": "二级",
"PC_Stage": "初步-施工图设计阶段",
"PC_Task": "样板层装修施工图",
"PC_StateTime": "2013-05-19T00:00:00",
"PC_Cycle": 60,
"PC_EndTime": "2013-07-18T00:00:00",
"PC_ResponsibilityDepartment": "规划设计部"
},
{
"PC_Level": "二级",
"PC_Stage": "初步-施工图设计阶段",
"PC_Task": "各专业施工图",
"PC_StateTime": "2012-01-01T00:00:00",
"PC_Cycle": 120,
"PC_EndTime": "2013-04-30T00:00:00",
"PC_ResponsibilityDepartment": "规划设计部"
},
{
"PC_Level": "二级",
"PC_Stage": "施工阶段",
"PC_Task": "主体工程达预售条件",
"PC_StateTime": "2013-10-31T00:00:00",
"PC_Cycle": 60,
"PC_EndTime": "2013-12-31T00:00:00",
"PC_ResponsibilityDepartment": "项目部"
},
2017年10月23日 08点10分
2
这是后台传的值
2017年10月23日 08点10分
level 1
<script type="text/javascript">
$(document).ready(function () {
//调用函数,初始化表格
initTable();
});
//生成用户数据
function initTable() {
//先销毁表格
$('#mytab').bootstrapTable('destroy');
$('#mytab').bootstrapTable({
method: 'get',
url: '/PlanTemplate/GetJsonHistoryDatas', //要请求数据的文件路径
dataField: "res", //bootstrap table 可以前端分页也可以后端分页,这里
//我们使用的是后端分页,后端分页时需返回含有total:总记录数,这个键值好像是固定的
//rows: 记录集合 键值可以修改 dataField 自己定义成自己想要的就好
pageNumber: 1, //初始化加载第一页,默认第一页
pagination: true, //是否分页
queryParamsType: 'limit', //查询参数组织方式
queryParams: queryParams, //请求服务器时所传的参数
sidePagination: 'server', //指定服务器端分页
pageSize: 10, //单页记录数
pageList: [5, 10, 20, 30], //分页步进值
showRefresh: false, //刷新按钮
showColumns: false,
clickToSelect: true, //是否启用点击选中行
queryParams: queryParams, //参数
columns: [
{
title: '任务级别',
field: 'PC_Level'
},
{
title: '阶段',
field: 'PC_Stage'
},
{
title: '任务名称',
field: 'PC_Task'
},
{
title: '开始日期',
field: 'PC_StateTime'
},
{
title: '周期(天)',
field: 'PC_Cycle'
},
{
title: '完成日期',
field: 'PC_EndTime'
},
{
title: '主责部门',
field: 'PC_ResponsibilityDepartment',
//列数据格式化
formatter:operateFormatter
}
]
})
//三个参数,value代表该列的值
function operateFormatter(value, row, index) {
if (value == 2) {
return '<i class="fa fa-lock" style="color:red"></i>'
} else if (value == 1) {
return '<i class="fa fa-unlock" style="color:green"></i>'
} else {
return '数据错误'
}
}
//请求服务数据时所传参数
function queryParams(params) {
return {
//每页多少条数据
pageSize: params.limit,
//请求第几页
pageIndex: params.pageNumber
}
}
}
</script>
2017年10月23日 08点10分
3
这是前台写的js
2017年10月23日 08点10分