[Apache Click快速开发]Click的组件(一) -

dyyaries

浏览: 81016 次
性别:
来自: 上海

最近访客更多访客>>

toly815

逍遥bxf飞雪

summerwaves

niujunwei

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

[Apache Click快速开发]Click的组件(一)

Click的组件很多，功能强大，能满足绝大多数开发情况。

您还可以书写自定义组件，当然这会花费您更多的时间，由您决定。我们首先看一下Click自带的组件。

我试图用一个表单来尝试显示出平常我们使用的html元素，但是发现它远不止这些，比如还有html中没有的Menu,PickList,EmialField,TablePaginator等等。

HelloPage.java

package com.apc.pages;

import java.util.ArrayList;
import java.util.List;

import org.apache.click.control.ActionLink;
import org.apache.click.control.FileField;
import org.apache.click.control.Form;
import org.apache.click.control.Option;
import org.apache.click.control.PasswordField;
import org.apache.click.control.Radio;
import org.apache.click.control.RadioGroup;
import org.apache.click.control.Select;
import org.apache.click.control.Submit;
import org.apache.click.control.TextField;
import org.apache.click.dataprovider.DataProvider;
import org.apache.click.extras.control.CheckList;

public class HelloControls extends org.apache.click.Page {
	private Form form = new Form("controlForm");
	private TextField tf;
	private PasswordField pf;
	private Select select;
	private Select multiSelect;
	private CheckList cl;
	private RadioGroup rg;
	private FileField ff;
	public ActionLink al = new ActionLink("al", this, "onActionLinkTrigger");
	
	private void init(){
		//textfield
		tf = new TextField("username", "账号", true);
		tf.setMinLength(5);
		tf.setMaxLength(16);
		//paswordfield
		pf = new PasswordField("passwd", "密码", false);
		tf.setMinLength(6);
		//select
		select = new Select("gender", "性别");
		select.setDataProvider(new DataProvider<Option>() {
			public List<Option> getData() {
				List<Option> options = new ArrayList<Option>();
				options.add(new Option("男", "男"));
				options.add(new Option("女", "女"));
				return options;
			}
		});
		select.setValue("男");
		//multi-select
		multiSelect = new Select("hobby", "爱好");
		multiSelect.setMultiple(true);
		multiSelect.setDataProvider(new DataProvider<Option>() {
			public List<Option> getData() {
				List<Option> options = new ArrayList<Option>();
				options.add(new Option("看电影","看电影"));
				options.add(new Option("踢足球", "踢足球"));
				options.add(new Option("看书", "看书"));
				return options;
			}
		});
		multiSelect.setDefaultOption(Option.EMPTY_OPTION);
		//radio
		rg = new RadioGroup("marriage");
		rg.add(new Radio("未婚", "未婚"));
		rg.add(new Radio("已婚", "已婚"));
		rg.setValue("未婚");
		
		//checkbox
		cl = new CheckList("getway","您从哪里获知我们");
		cl.addAll(new String[]{"网络","电视","朋友","其他"});
		//filefield
		ff = new FileField("photo", "您的照片");
		
	}
	
	public HelloControls(){
		init();
		
		addControl(form);
		form.add(tf);
		form.add(pf);
		form.add(select);
		form.add(multiSelect);
		form.add(rg);
		form.add(cl);
		form.add(ff);
		form.add(new Submit("保存",this,"onSubmitClick"));
		form.add(new Submit("取消", this, "onCancelClick"));
	}
	public boolean onSubmitClick(){
		return false;
	}
	public boolean onCancelClick(){
		return true;
	}
	public boolean onActionLinkTrigger(){
		addModel("msg", "您点击了actionLink");
		return false;
	}
}

Page中添加了1个form表单，表单中分别添加了TextField,PasswordField,Select,RadioGroup,CheckList,FileField,ActionLink

helloPage.htm

最终在Safari中请求helloPage您会看到