doubleselect用法 显示不换行

doubleselect的用法示例


在Struts2的官方网站上,有doubleselect的用法示例,但是那个例子比较简单。
<s:doubleselect label="doubleselect test2" name="menu" list="#{'fruit':'Nice Fruits', 'other':'Other Dishes'}" doubleName="dishes" doubleList="top == 'fruit' ? {'apple', 'orange'} : {'monkey', 'chicken'}" />

设置样式,使之不换行:

<style>
    .nobr br{display:none}   
</style>

<div class="nobr">
     <s:doubleselect label="doubleselecttest2" name="menu" list="#{'fruit':'Nice Fruits', 'other':'Other Dishes'}" doubleName="dishes" doubleList="#top=='fruit'?{'apple', 'orange'}:{'monkey', 'chicken'}" theme="simple"/>
</div>


上面的例子演示了doubleselect的基本用法,但是其list和doubleList都是固定的。尤其是doublelist的切 换使用了3目运算符 ? :,并没有太大的实际使用价值。在实际应用中,list往往是action返回的一个List<DataObject>,listKey和 listValue来显示第一级下拉框,doubleList往往是一个Map<Integer, List<DataObject>>,其中Map中的Key值是第一级下拉框的listKey。
举个例子:
Data Object:
public class Book {
        private int id;
        private String name;
        private int categoryId;

        // getter and setter..
}

public class Category {
        private int id;
        private String name;

        // getter and setter..
}

JSP:
<s:doubleselect list="categoryList" listKey="id" listValue="name"
   doubleName="bookId" doubleList="bookMap.get(top.id)" doubleListKey="id" doubleListValue="name" theme="simple"/>

此处要注意的是top的用法,开始我以为top就是指代list的值,所以使用的是bookMap.get(top),但是二级下拉框一直是空白, 后来我突然想到说不定top是一个Category实例呢,尝试了一下top.id,果然成功了。

Action:

public class DemoAction {
        private Map<Integer, List<Book>> bookMap;
        private List<Category> categoryList;

        public String execute() throws Exception {
                categoryList = new ArrayList<Cateogry>();

                Category category;
                category = new Category();
                category.setId(1);
                category.setName("Fiction");
                categoryList.add(category);
                category = new Category();
                category.setId(2);
                category.setName("Java");
                categoryList.add(category);

                bookMap = new HashMap<Integer, List<Book>>();

                List<Book> bookList = new ArrayList<Book>();
                Book book;
                book = new Book();
                book.setId(1);
                book.setName("Harry Porter");
                book.setCategoryId(1);
                bookList.add(book);

                book = new Book();
                book.setId(2);
                book.setName("Nightmare");
                book.setCategoryId(1);
                bookList.add(book);

                bookMap.put(1, bookList);

                bookList = new ArrayList<Book>();
                book = new Book();
                book.setId(3);
                book.setName("Thinking in Java");
                book.setCategoryId(2);
                bookList.add(book);
                book = new Book();
                book.setId(4);
                book.setName("Head First Design Patterns");
                book.setCategoryId(2);
                bookList.add(book);

                bookMap.put(2, bookList);


                return SUCCESS;
        }

        // getter and setter..
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
doubleselect标签是一种用于在网页上实现多级联动选择的HTML标签。它主要用于在下拉菜单中根据用户的选择来动态显示相关选项。 doubleselect标签的使用非常简单。首先,需要在HTML页面中引入相应的脚本库。然后,在合适的位置使用doubleselect标签进行声明。 例如,下面是一个简单的doubleselect标签的代码示例: ``` <select id="firstSelect" name="firstSelect"> <option value="">请选择</option> <option value="option1">选项1</option> <option value="option2">选项2</option> </select> <select id="secondSelect" name="secondSelect"> <option value="">请选择</option> </select> <script type="text/javascript"> new doubleselect("firstSelect", "secondSelect", { "option1": ["子选项1", "子选项2"], "option2": ["子选项3", "子选项4"] }); </script> ``` 上面的代码中,首先我们定义了两个select标签,分别对应第一级和第二级的选择。然后,通过脚本部分的代码进行了doubleselect的初始化。初始化时需要传入两个select标签的id,以及一个对象,该对象中包含了选项的关系。根据选中的第一级选项,第二级的选项会动态更新。 在实际使用中,我们可以根据具体需求进行扩展和定制,例如可以添加更多级的选择,或者在选择过程中执行一些特定操作。 总的来说,doubleselect标签是一个非常有用的HTML标签,能够帮助我们实现动态联动选择功能,提升用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值