miniui幾個常用知識點匯總

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條件語句中稍作修改即可。該代碼注釋的比較清楚，相信大家能夠看明白。運行效果如下：

好了，今天就先說這幾條，后期會繼續補充......