1. 程式人生 > >bootstrap中的技巧小結

bootstrap中的技巧小結

主要記錄本人的bootstrap  使用中遇到的問題以及解決方案。這些問題通常耗費了較長時間,記錄以節約以後的時間。

1. bootstrap modal  禁止點選背景消失, modal div中新增" data-backdrop="static" 屬性

<div class="modal fade" data-backdrop="static" id="applySuccess" tabindex="-1" role="dialog" ></div>

2. bootstrap table 防止客戶端快取, url中加隨機數

	$('#reportShareTable').bootstrapTable('destroy');
	$('#reportShareTable').bootstrapTable({
                url: '/api/report/get-report-share-record?_=' + Math.random(),
                columns: [{
                    field: 'report_name',
                    title: '簡報名稱'
                }, {
                    field: 'create_time',
                    title: '傳送時間',
                }, {
                    field: 'user_name',
                    title: '傳送人',
                }, {
                    field: 'url',
                    title: '詳情',
                    formatter: function (d) {
        							return '<a href="' + d + '" target="_blank">檢視內容</a>';
                    }
                }]
	});