EasyUI

Html页面

EasyUI的应用： 

 

valueField	string	基础数据值名称绑定到该下拉列表框。	value
textField	string	基础数据字段名称绑定到该下拉列表框。	text
groupField	string	指定分组的字段名称（译者注：分组的字段由数据源决定）。	null
groupFormatter	function(group)	返回格式化后的分组标题文本，以显示分组项 代码示例： $('#cc').combobox({ groupFormatter: function(group){ return '<span style="color:red">' + group + '</span>'; } });

$("#pp").combobox(
				{
					url:"http://localhost:8080/EasyUI/T02",
					valueField:"sid",
					textField:"sname",
					groupField:"className",
					groupFormatter:function(group)
					{
						if( group == "软件1班" )
						{
							return "<font color='red'>" + group + "</font>";
						}else
						{
							return "<font color='green'>" + group + "</font>";
						}
					}	
				}
			);


<input id="pp" name="pp"  />

 Servlet页面

List<Student> list = new ArrayList<Student>();
		list.add( new Student(1 , "杨玉环" , "软件1班") );
		list.add( new Student(2 , "王昭君" , "软件2班") );
		String str = JSON.toJSONString(list);
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out = response.getWriter();
		out.print(str);
		out.flush();
		out.close();

实体类 

package com.gy.studey;

public class Student {
	private int sid;
	private String sname;
	private String className;
	
	public Student(int sid, String sname, String className) {
		super();
		this.sid = sid;
		this.sname = sname;
		this.className = className;
	}
	public String getClassName() {
		return className;
	}
	public void setClassName(String className) {
		this.className = className;
	}
	public int getSid() {
		return sid;
	}
	public void setSid(int sid) {
		this.sid = sid;
	}
	public String getSname() {
		return sname;
	}
	public void setSname(String sname) {
		this.sname = sname;
	}
	public Student(int sid, String sname) {
		super();
		this.sid = sid;
		this.sname = sname;
	}
	public Student() {
		super();
	}
}