1:引入相应的css和js文件
css:
js:
2:html代码
请选择活动状态
${activityStatus.value}
搜索
data-id-field="id" data-show-refresh="false">
活动主题责任人活动时间(起)活动时间(止)活动状态操作
3:js代码调用
$(function() {
activityListTable.bootstrapTable({
url : searchUrl,
method : 'get',
queryParamsType : 'pageNo',
cache : false,
height : 400,
striped : true,
pagination : true,
pageSize : 10,
pageList : [ 1, 5, 10, 20, 25 ],
showColumns : true,
showRefresh : true,
minimumCountColumns : 2,
clickToSelect : true
});
querySearch.on("click",function(){
var activityName=$.trim($("#activityName").val());
var status=$("#status").find("option:selected").val();
var startTime=$("#startTime").val();
var endTime=$("#endTime").val();
var queryParams=[];
queryParams.push({
activityName:activityName,
startTime:startTime,
endTime:endTime
});
activityListTable.bootstrapTable('refresh',
{
url:searchUrl+"?status="+status,
queryParams:queryParams
}
);
function operateFormatter(value, row, index){
//alert(row.id);
var id=row.id;
var creater=row.creater;
var status=row.activityStatus;
var detailUrl='/activity/detail/'+id+".shtml";
var resetUrl='/activity/resetactivity/'+id+".shtml";
var activityApprovalDetailUrl='/activity/activityApprovalDetail/'+id+".shtml";
var optHtml= "查看";
if(status==1){
if(creater==loginId){
optHtml+="删除";
optHtml+="编辑";
}
}else if(status==2){
if(auditFlag=="true"){
optHtml+="审批";
}
}else if (status==4){
if(creater==loginId){
optHtml+="编辑";
}
}
return optHtml;
}
4:服务端返回的json数据为:
{
total: 35,
rows: [
]
id: 97,
delflag: 0,
activityName: "test",
activityGoal: "test",
saleNum: 1,
activityBudget: 1,
publicChannel: 1,
placeType: 3,
activityDetail: "
test
",activityStatus: 2,
activityStatusName: "待审批",
publicStart: 1443179740000,
publicEnd: 1443262539000,
activityStart: 1443262540000,
activityEnd: 1443348940000,
activityStartView: "2015-09-25 19:15:40",
activityEndView: "2015-09-27 18:15:40",
picName: "1",
picDepartment: "1",
picPhone: "11111111111",
picEmail: "1@sina.com",
creater: 6120
{
}
}