`
咸蛋超人
  • 浏览: 3247 次
  • 性别: Icon_minigender_1
  • 来自: 海南海口
社区版块
存档分类
最新评论

自定义Select标签(支持自定义事件)

阅读更多

[请支持原创]

 

因为之前一直在使用Struts发现老是感觉有点别扭,所以参考了.net下面的控件事件,然后希望能通过自己封装的一套自定义标签来减少开发工作量(PS:毕竟本人希望多腾出点时间疼下老婆,打下dota。亲,你们懂的)
     废话少说,下面是我在页面调用select控件的方法
    
    
     name: 这里表示生成<select>标签的ID和Name
     bind: 这里表示在显示生成<select>标签时,会触发的方法

     下面是我要调用的selectStudent方法:

    
 @SelectBind(text="name", value="index", defaultValue="2")
	public ArrayList<Child> selectStudent(ServletRequestInfo req){
		Child child = new Child();
		child.setIndex(1);
		child.setName("test");
		Child child1 = new Child();
		child1.setIndex(2);
		child1.setName("test2");
		Child child2 = new Child();
		child2.setIndex(0);
		child2.setName("test3");
		
		ArrayList<Child> list = new ArrayList<Child>();
		list.add(child);
		list.add(child1);
		list.add(child2);
		
		return list;
	}

 @SelectBind(text="name", value="userID", defaultValue="4")
	public ArrayList<User> selectUser(ServletRequestInfo req){
		User user = new User();
		user.setName("kevin");
		user.setUserID(3);
		User user1 = new User();
		user1.setName("alex");
		user1.setUserID(4);
		User user2 = new User();
		user2.setName("Darin");
		user2.setUserID(1);
		
		ArrayList<User> list = new ArrayList<User>();
		list.add(user);
		list.add(user1);
		list.add(user2);
		
		return list;
	}




   重点在于这个名为SelectBind的Annotation。它主要负责的是,根据返回的对象类型和是设置对应的字段的get方法放置到对应的text和value值中去。
   text存放的是返回对象的某个字段名,对应的是生成<select>标记下的文本值;
   value存放的,同样是返回对象的某个字段名,对应的是生成<select>标记下的对应值;

 

   如果想要绑定其它值,直接改成你想绑定的方法就行了,例如上面的selectUser方法

   图1为绑定selectStudent的展示, 图2为绑定selectUser

   效果图如下:  

                 

 

 

   整理下,会发个demo上来,欢迎各种丢砖.......

 

 

分享到:
评论

相关推荐

    自定义的select标签

    在实际项目中,可能由于设计风格、交互需求或者功能增强的需求,开发者会选择自定义select标签,以提供更灵活的解决方案。 自定义标签是Web Components规范的一部分,这个规范还包括Shadow DOM(用于封装组件样式和...

    mybatis自定义标签.zip

    在实际开发中,有时我们需要根据项目需求实现特定的功能,比如动态生成SQL或者进行复杂的业务逻辑处理,这时MyBatis的自定义标签功能就显得尤为重要。 自定义标签是MyBatis框架的一大特色,它允许我们扩展XML映射...

    jQuery自定义select下拉菜单

    在实际项目中,你可能会找到现有的jQuery插件,如`select2`或`chosen.js`,它们提供了更丰富的功能和配置选项,可以帮助快速实现自定义select效果。 在这个名为"jiaoben1686"的压缩包中,可能包含了示例代码、CSS...

    定制html的select标签样式

    本文将详细介绍如何通过自定义CSS和JavaScript来改变`&lt;select&gt;`标签的样式,打造更加个性化的下拉选择框。 首先,我们需要了解`&lt;select&gt;`的基本结构和其选项`&lt;option&gt;`。`&lt;select&gt;`标签内包含一系列`&lt;option&gt;`标签...

    自己开发的一个生成多级select的自定义标签

    1. **源代码文件**:如Java、JavaScript、TypeScript或任何其他支持自定义标签的语言编写的核心代码,实现多级SELECT的逻辑。 2. **HTML模板**:定义了自定义标签结构的HTML模板文件,可能是独立的文件或嵌入在源...

    select自定义

    这个自定义`select`的实例旨在提供一种简单、快捷的方式来定制下拉框的外观和功能,使其更符合个人或项目的特定需求。下面将详细介绍这个自定义`select`的实现方法及其相关知识点。 首先,`&lt;select&gt;`标签是HTML中...

    权威实用jsp自定义标签demo<select,checkbox,radio>

    综上所述,“权威实用jsp自定义标签demo&lt;select,checkbox,radio&gt;”教程旨在帮助开发者掌握如何创建和使用与选择器相关的自定义标签,从而提升JSP开发的效率和质量。通过学习这个教程,你可以了解到自定义标签的核心...

    JSP自定义标签(封装<select>标签)

    本教程将深入讲解如何封装一个自定义标签来实现一个动态生成的`&lt;select&gt;`标签,这个标签能够根据输入的SQL查询语句自动填充下拉选项。 首先,我们需要了解自定义标签的基本结构。在JSP中,自定义标签由两部分组成:...

    css自定义select下拉框菜单【追梦版】

    这个是我花了20分钟自己从设计图片,写CSS,到调整,来完成的一个自己认为很漂亮的自定义下来菜单,使用起来非常简单,只需外调一个css和一个js文件,页面中仍然按照原来的写&lt;select&gt;标签,另外,只在IE6.0的版本上...

    jquery自定义select下拉样式.zip

    "jquery自定义select下拉样式.zip"这个压缩包可能包含了实现这一目标的示例代码和资源。 首先,我们需要理解jQuery的基本用法。jQuery通过$函数作为入口,可以快速选择DOM元素,如`$('select')`用于选取所有的...

    select自定义下拉组合框

    在本项目"select自定义下拉组合框"中,我们着重关注如何通过自定义方式来增强`select`元素的功能,使其更加灵活和个性化,同时支持添加、删除等操作。下面我们将深入探讨这一主题。 首先,`select`元素的基本结构...

    select美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用

    为了提升用户体验并保持与原始HTML`&lt;select&gt;` 标签的功能兼容性,开发者通常会使用自定义样式来美化下拉菜单。本主题探讨的核心就是如何在不干扰`&lt;select&gt;` 的事件方法调用的情况下,实现这一目标。 首先,我们需要...

    ui.select:自定义select标签

    接下来,对需要自定义的`&lt;select&gt;`标签添加"data-select"属性,例如: ```html &lt;select data-select&gt; &lt;option value="option1"&gt;Option 1 &lt;option value="option2"&gt;Option 2 ... &lt;/select&gt; ``` `ui.select`库会...

    phpcms 自定义标签

    ### phpCMS自定义标签详解 #### 一、概述 在phpCMS系统中,自定义标签是一种非常实用的功能,它允许开发者根据自身需求扩展系统功能,为网站开发提供更多灵活性。通过自定义标签,可以在模板文件中方便地调用复杂...

    自定义select加搜索查找angular js

    本文将深入探讨如何使用AngularJS实现自定义的select组件,并结合搜索查找功能,以满足动态数据加载和select标签的使用需求。 首先,AngularJS的核心理念是数据绑定和依赖注入,这使得它在处理DOM操作时更加便捷。...

    CSS自定义select下拉选择框的样式(不用其他标签模拟)

    然而,浏览器默认的`&lt;select&gt;`样式通常不符合设计师的美观需求,因此,如何自定义select下拉选择框的样式成为了一个常见的挑战。本篇文章将深入探讨如何使用纯CSS实现这一目标。 首先,我们要明确一点:由于浏览器...

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    总结来说,这个基于jQuery的自定义下拉框JS插件通过将图标地址插入到`&lt;option&gt;`的`title`属性中,实现了带图标的下拉框,支持选项分组,使得原本单调的`&lt;select&gt;`元素变得更加生动和易用。对于任何希望提升网站或...

    自定义标签分页

    在Java Web开发中,自定义标签(Custom Tags)是一种封装常用功能、提高代码复用性的技术,它使得JSP页面更加简洁,易于维护。本文将详细介绍如何使用自定义标签实现JDBC分页功能,以及与MySQL数据库的集成。 首先...

    自定义标签的使用

    `options`标签是从特定数据集中加载下拉列表(select)信息的自定义标签。为了使用该标签,首先需要在Action层通过`request.setAttribute()`方法将标签所需的属性与具体的对象进行关联。 **构造Options对象**: 1....

Global site tag (gtag.js) - Google Analytics