码迷,mamicode.com
首页 > 其他好文 > 详细

miniui几个常用知识点汇总

时间:2017-06-21 16:45:12      阅读:812      评论:0      收藏:0      [点我收藏+]

标签:type   lan   column   class   运行   去除   超过   count   知识点   

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几个常用知识点汇总

标签:type   lan   column   class   运行   去除   超过   count   知识点   

原文地址:http://www.cnblogs.com/yzssoft/p/7060091.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!