1.多表头设计.
<ul id="myTab1" class="nav nav-tabs"> <li class="active"><a href="#fature" data-toggle="tab" class="grid_tab">第一个</a></li> <li><a href="#past" data-toggle="tab" class="grid_tab">第二个</a></li> <li><a href="#processing" data-toggle="tab" class="grid_tab">第三个</a></li> <li><a href="#cence" data-toggle="tab" class="grid_tab">第四个</a></li> </ul> <div id="myTabContent1" class="tab-content"> <div class="tab-pane fade in active" id="fature"> <div class="jqgrid_box" id="jqgrid_box_jqGrid3"> <table id="jqGrid" class="table_list"></table> <div id="jqGridPager"></div> </div> </div> <div class="tab-pane fade" id="past"> <div class="jqgrid_box"> <table id="jqGrid1" class="table_list"></table> <div id="jqGridPager1"></div> </div> </div> <div class="tab-pane fade" id="processing"> <div class="jqgrid_box"> <table id="jqGrid2" class="table_list"></table> <div id="jqGridPager2"></div> </div> </div> <div class="tab-pane fade" id="cence"> <div class="jqgrid_box"> <table id="jqGrid3" class="table_list"></table> <div id="jqGridPager3"></div> </div> </div> </div> 2.jqgrid表格样式丢失.
//解决样式丢失 $('.grid_tab').on('shown.bs.tab',function(){ $($(this).attr('href')).find('.table_list').jqGrid('setGridWidth',$($(this).attr('href')).find('.jqgrid_box').width()); }); 3.配合多表头的使用.可实现懒加载.
// tag标签钩子函数 $('a[data-toggle="tab"]').on('show.bs.tab', function (e) { var activeTab = $(e.target).text(); console.log('当前激活的标签:' + activeTab) }) 4.使用window.location.href跳转页面传参数的时候解决乱码.
encodeURI(encodeURI("url"+params)); //解析传的参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } //返回上一个 window.history.back();
5.解决spring boot时间类型。
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")注解在实体字段上.
Comments | NOTHING