點這里進入ABP進階教程目錄
解讀引數
-
l- length changing input control (左上，每頁顯示記錄數) -
f- filtering input (右上，過濾條件) -
t- The table (中央，資料表格) -
r- processing display element (中央，過場影片) -
i- Table information summary (左下，表格資訊) -
p- pagination control (右下，分頁) -
布局配置
打開展示層(即JD.CRS.Web.Mvc)的\wwwroot\view-resources\Views\Course\Index.js //用以存放Course查詢相關腳本
配置插件引數．
左上，每頁顯示記錄數
aLengthMenu
設定每頁顯示記錄數的下拉框，第一項為默認值．
aLengthMenu: [[10, 25, 50, -1], [10, 25, 50, "全部"]], //每頁顯示記錄數
左下，表格資訊
sInfo
設定表格資訊顯示內容及格式
注: 格式為"_大寫英文_"的是內置引數．
例如:
_PAGE_ //當前頁數
_PAGES_ //總頁數
"sInfo": "顯示第 _START_ 至 _END_ 項記錄，共 _TOTAL_ 項", //當有資料時顯示當前記錄范圍 "sInfo": "第 _PAGE_ 頁/共 _PAGES_ 頁", //當有資料時顯示當前頁 "sInfoEmpty": "顯示第 0 至 0 項記錄 / 共 0 項", //當無資料時顯示 "sInfoFiltered": "(從 _MAX_ 條記錄過濾)", //過濾時顯示
右下，分頁
pagingType
設定分布型別，5種可選．
pagingType: "full_numbers", //分頁型別 //可選引數 numbers // 只顯示數字 simple // 只顯示上頁/下頁 simple_numbers // 顯示上頁/下頁/數字 full // 顯示首頁/末頁/上頁/下頁 full_numbers // 顯示首頁/末頁/上頁/下頁/數字
布局引數
dom
排列布局六大元素(lfrtip)，順序可任意調換．
dom: 'lfrtip', //簡單布局 dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>", //定制布局
滾動設定
lfscrollY
默認設定高度按內容自動調整．
可手動修改設定為固定高度．
scrollY: 470, //固定高度，內容過多時顯示滾動條
預覽效果
布局調整效果如下．
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/107326.html
標籤：.NET Core
上一篇：ABP進階教程5 - 多語言配置