原型圖

圖片.png

重要的實現代碼

var getMemo = function(pageNo,name){$('#dataDiv').html("");$.ajax({url: basePath + "/signIn/set/getSignSetListPage",datatype: 'json',type: "POST",data: { "pageNo": pageNo,"name":name },dataType: "json",success: function (data) {if (data != null) {tPages = data.totalPages;curPage = data.currentPage;pgSize = data.sizeOfPage;var tableShow = "";$.each(data.signSetList, function(i, item){tableShow += "<div class='col-sm-6 col-md-3 table-bordered table-responsive' style='margin:20px 20px 0 20px;'>";if(item.signState == '1'){tableShow += "<p class='text-muted'>"+ item.signName + "</p><hr/>"; }else{tableShow += "<p class='text-muted'>"+ item.signName + "</p><hr/>"; }tableShow += "<p class='text-capitalize'>" + dealTime(item.beginTime) + " - "+ dealTime(item.endTime) +"</p>";tableShow += "<p class='text-description'>" + dealCircle(item.signCircle) + " </p>";tableShow += "<p class='text-description'>人數:<font >"+ item.count +"</font>人</p>";tableShow += "<div style='text-align: center;'>";tableShow += "<a class='btn btn-default' onclick='updateSignSet("+item .id+")'><i class='glyphicon glyphicon-pencil'></i></a>";tableShow += "<a class='btn btn-default' onclick='deleteSignSet("+item.id+","+item.fenceId+")'><i class='glyphicon glyphicon-trash'></i></a>";tableShow +="</div></div>";});$('#dataDiv').append(tableShow); }}}); };

轉載于:https://www.cnblogs.com/wangting888/p/9702107.html

總結

以上是生活随笔為你收集整理的带分页的标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。