备忘


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")注解在实体字段上.

声明:一个程序员|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 备忘


做我喜欢做的事