[请支持原创]
因为之前一直在使用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加搜索查找angular js,支持动态,支持select标签
这个是我花了20分钟自己从设计图片,写CSS,到调整,来完成的一个自己认为很漂亮的自定义下来菜单,使用起来非常简单,只需外调一个css和一个js文件,页面中仍然按照原来的写<select>标签,另外,只在IE6.0的版本上...
ui.select自定义select标签,无需添加额外的js代码只需在标签外层增在data-select属性即可
自定义多选下拉框标签,只需引用标签即可实现多选下拉框,可以传入参数来改变样式等
JSP自定义标签,封装<select>标签,有两个属性,第一个属性是SQL select语句,只要语法准确,查询出来的数据就会自动加载到select标签,否则无法加载;第二个属性是标签的名称.绝对实用
权威实用的jsp自定义标签demo<select,checkbox,radio> 导入eclipse 部署 看效果吧 带源代码哦
怎么自定义select下拉选择框的样式,使用纯CSS实现,把浏览器默认的样式覆盖掉还是有其他的方法,select靠纯CSS是不能解决这个自定义样式问题,下面为大家讲解下CSS实现的思路
//跳转事件 sb.append("function goPage(cpage){").append("window.location='").append(action); sb.append("?currentPageNum='+").append("cpage"); sb.append("+'&onePageMaxNum='+").append("getMaxNum()");...
NULL 博文链接:https://lanhuidong.iteye.com/blog/1722586
//out.print("<li><a href='#'>首页</a></li><li><a href='#'>上一页</a></li><li><a href='#'>下一页</a></li><li><a href='#'>尾页</a></li>共 200 条记录</li><li class='seach'>转到<select name='pagelist'>...
NULL 博文链接:https://crabdave.iteye.com/blog/270613
tagsinput是一款基于Bootstrap的自定义标签插件。该自定义标签插件提供api接口,可以将input和select元素转换为标签。并能和typehead.js插件结合,提供查询提示信息。
JSP自定义标签(一)_树形下拉选择菜单
Cross-browser_Custom_HTML_Select_Tag_Arrow:实现自定义箭头HTML Select标签的解决方案
自带的select标签有时候不能满足我们的需求,所以自定义一个select标签插件,需要的朋友可以参考下。
form标签中的自定义el-select下拉框标签功能的文章就介绍到这了,更多相关Vue el-form标签 自定义el-select下拉框标签内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网!