miniui幾個常用知識點匯總
阿新 • • 發佈:2017-06-21
簡單 去除 spa 自帶 超過 表格 繪制 val wro
1.在表格中去除系統自帶的序列號,請看代碼:
function allAndBrief(id) { if(id==1){ grid.set({ columns: [ { type: "indexcolumn" },//顯示系統自帶的序列號 { field: "NSR", width: 100,align: "center", headerAlign: "center", allowSort: true,header: "納稅人名稱"},{ field: "COUNT", width: 100,align: "center", headerAlign: "center", allowSort: true, header: "數量" }, ] }); } grid.load(); }
去除 { type: "indexcolumn" }即可。
2.在為表格添加合計行時,系統會生成淡黃色的背景顏色,有時我們並不需要這種顏色,那麽如何自定義自己想要的顏色呢,很簡單,只需添加一個樣式即可,如下代碼:
<style> .mini-grid-newRow{ background:你自定義的顏色值; } </style>
3.有時我們需要在表格中對某列的某些數據特別顯示,比如改變顏色、添加樣式等,讓用戶一眼就能夠看出與其他數據區別,那麽怎麽做呢,直接上代碼:
//DrawCell繪制單元格並添加樣式 grid.on("drawcell",function (e) { //數量超過兩條,紅色加粗標識 if (e.field == "COUNT" && e.value >2) { e.cellStyle = "color:red;font-weight:bold;"; } })
註**其中"COUNT"表示數據庫中數量這一列的列名,如果想換成其他列,只需在if條件語句中稍作修改即可。該代碼註釋的比較清楚,相信大家能夠看明白。運行效果如下:
好了,今天就先說這幾條,後期會繼續補充......
miniui幾個常用知識點匯總