miniui自定义修改列表样式和值

PG_L

于 2023-07-15 10:31:09 发布

阅读量634

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_50638065/article/details/131735883

版权

miniui自定义修改列表样式和值

列表定义属性方法 ondrawcell=“onDrawCell”

function onDrawCell(e) {
            var record = e.record;
            if(e.field==="[字段a]"){
                console.log(e)
                if(record.[字段a]==="男"){
                    e.cellHtml="这是男的"; //自定义文本
                    e.cellStyle = "color: blue;"; //设置行样式
                }else if(record.[字段a]==="女"){
                    e.cellHtml="这是女的"; //自定义文本
                    e.cellStyle = "color: red;"; //设置行样式
                }
            }
        }

字段定义属性方法

<div name="a" renderer="RenderA"  align="center" headeralign="center" allowsort="false">字段a</div>
    function RenderA(e) {
       //返回值可以自定义html元素
        return `<a href="http://image.XXX.cn/${e.record.a}" target="_blank"      >下载图片</a>`;
    }