html 分页表格插件带查询,boostrap 分页表格插件带搜索 淡淡的烟草味﹌ 2022-10-12 12:26 36阅读 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 \{ \} \}
还没有评论,来说两句吧...