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条件语句中稍作修改即可。该代码注释的比较清楚,相信大家能够看明白。运行效果如下:
好了,今天就先说这几条,后期会继续补充......