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

来源：互联网发布：数据分析师证书难不难编辑：程序博客网时间：2024/05/01 13:23

<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:'全部'}                    ]                ">

效果如下：
easyUI下拉框背景颜色设置

阅读全文

0 0