首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 软件管理 > 软件架构设计 >

Struts2几个惯用标签的主要属性及示例(二)

2012-10-12 
Struts2几个常用标签的主要属性及示例(二)4 doubleselectdoubleselect标签生成上下两个select控件,上面的

Struts2几个常用标签的主要属性及示例(二)

4 doubleselect

doubleselect标签生成上下两个select控件,上面的控件选择的option会导致下面select控件的options发生变化。

?

Attributes

Description

name

对应action中的变量名称,生成的parent select的name属性

doubleName

Required,对应action中变量的名称,生成的child select的name属性

list

Required,生成的parent select元素显示的可选列表,参照combobox的list属性

doubleList

Required,生成的child select元素显示的可选列表,相当于child select标签的list属性

listKey

生成的parent select 的option元素的value属性

listValue

生成的parent select的option元素的显示内容

doubleListKey

Child select的选项的value属性

doubleListValue

Child select的option元素显示的内容

headerKey

设置parent select的第一个选项的值

headerValue

设置parent select第一个选项的显示内容

?

Jsp code:

<s:doubleselect name="hobbyName" list="#session.hobbyList" listKey="hobbyId" listValue="hobbyName" headerKey="-1" headerValue="Please Select" doubleName="hobbyClass" doubleList="top.courses" />

?

Page source code:

<select name="hobbyName" id="testTags_hobbyName" onchange="testTags_hobbyNameRedirect(this.options.selectedIndex)">

??? <option value="1">Football</option>

??? <option value="2">Basketball</option>

?

?

</select>

<br />

<select name="hobbyClass" id="testTags_hobbyClass">

</select>

<script type="text/javascript">

......

......

function testTags_hobbyNameRedirect(x) {

//这里是由标签生成的js代码,来触发child select的选项更新

}

</script>

?

Prepare action:

Parent select显示的内容一般是从db中取得,假设Hobby类里有个属性为courses,类型为List<String>,生成的child select就绑定到这个list上,下面是准备数据:

List<String> courses_1 = new ArrayList<String>();

??????? courses_1.add("Sunday Class");

??????? courses_1.add("Monday Class");

??????? courses_1.add("Saturday Class");

???????

??????? List<String> courses_2 = new ArrayList<String>();

??????? courses_2.add("Wednesday Class");

??????? courses_2.add("Friday Class");

??????? courses_2.add("Monday Class");

??????? courses_2.add("Saturday Class");

??????? courses_2.add("Sunday Class");

?

??????? hobby_1.setCourses(courses_1);

??????? hobby_2.setCourses(courses_2);

?

??????? hobbyList.add(hobby_1);

??????? hobbyList.add(hobby_2); //this list load from database

?

??????? map.put("hobbyList", hobbyList);

??????? return SUCCESS; //return xxx.jsp

?

Action class:

private String hobbyName; ??? //with getter/setter method

Private String hobbyClass;?????? //with getter/setter method

?

Result:

在页面提交到Action后,hobbyName的值为parent select选中的选项值,hobbyClass的值为child select 选中的选项值。

热点排行