1. 程式人生 > >miniui幾個常用知識點匯總

miniui幾個常用知識點匯總

簡單 去除 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幾個常用知識點匯總