easyUI中combobox的下拉框数据背景颜色设置

最新推荐文章于 2024-04-08 17:39:55 发布

lxacdf

最新推荐文章于 2024-04-08 17:39:55 发布

阅读量6.8k

点赞数

分类专栏：前端文章标签： easyui combo

本文链接：https://blog.youkuaiyun.com/lxacdf/article/details/77248980

版权

前端专栏收录该内容

8 篇文章

订阅专栏

<input class="easyui-combobox" id="approvalOrder" style="width:100px" data-options="
                    valueField:'id',
                    textField:'name',
                    editable:false,
                    value:'-5',
                    formatter: function(row){
                        var opts = $(this).combobox('options');
                        if(row[opts.textField]=='已提交'){
                            return '<span style=\'background:#C7C7E2\'>'+row[opts.textField]+'<\/span>';
                        }else if(row[opts.textField]=='审批中'){
                            return '<span style=\'background:#00FF7F\'>'+row[opts.textField]+'<\/span>';
                        }else if(row[opts.textField]=='已退回'){
                            return '<span style=\'background:#EE6363\'>'+row[opts.textField]+'<\/span>';
                        }else if(row[opts.textField]=='已归档'){
                            return '<span style=\'background:#81C0C0\'>'+row[opts.textField]+'<\/span>';
                        }else if(row[opts.textField]=='全部'){
                            return '<span style=\'background:#E5E5E5\'>'+row[opts.textField]+'<\/span>';
                        }
                    },
                    data:[
                        {id:'-1',name:'已提交'},
                        {id:'-4',name:'审批中'},
                        {id:'-2',name:'已退回'},
                        {id:'-3',name:'已归档'},
                        {id:'-5',name:'全部'}
                    ]
                ">