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

淡淡的烟草味﹌ 2022-10-12 12:26 95阅读 0赞

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

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Html表格分页

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

相关 mybatis分页插件

相关 Mybatis分页插件

相关 DateTables表格管理分页插件

相关插件介绍: DataTables 表格分页

相关 Jquery插件实现分页查询

相关 mybatis分页/分页插件

相关 HTML分页插件功能实现

相关 [Bootstrap] bootstap table插件实现表格分页查询