html 分页表格插件带查询,boostrap 分页表格插件带搜索

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

{

}

}