1. 程式人生 > >easyUI中combobox的下拉框資料背景顏色設定

easyUI中combobox的下拉框資料背景顏色設定

<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下拉框背景顏色設定