jquery easy ui combobox隔行变色

最新推荐文章于 2021-08-11 17:11:08 发布

原创最新推荐文章于 2021-08-11 17:11:08 发布 · 190 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #javascript #ViewUI

jquery easy ui 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用EasyUI库中的ComboBox组件，并实现其显示文本颜色的自定义切换效果。通过对选项的奇偶性判断来改变字体颜色，同时处理了加载成功后的默认值设置。

$("#comb").combobox({
					url:"<%=request.getContextPath()%>/codeList.do",
					valueField:"codeId",
					textField:"codeName",
					panelHeight:'auto',
					count:0,
					formatter: function(row){
						 var $this= $(this);
						 var $row=row;
						return function(){
							var opts =$this.combobox('options');
							if(opts.count%2==0){
								opts.count++;
								return "<font color=red>"+$row[opts.textField]+"</font>";
							}else{
								opts.count++;
								return "<font color=black>"+$row[opts.textField]+"</font>";
							}
						};	
					},
					onLoadSuccess:function(){
						var data=$(this).combobox('getData')[0];
						var vf = $(this).combobox('options').valueField;
						if(data){
							$('#comb').combobox('setValue',data.codeName);
						}
					}
				});