在网上找了一下JQuery开发的弹出式多选框。但是没有找到属于自己的框架,经过学习了解。现有了一些了解。
1.建一个CLASS ExecuterEntiry
private static final Log logger = LogFactory.getLog(ExecuterEntiry.class);
private String id;
private String name;
private String msdn;
public ExecuterEntiry(String id,String name){
logger.info("ExecuterEntiry id = "+id+", name = "+name);
this.id=id;
this.name=name;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getMsdn() {
return msdn;
}
public void setMsdn(String msdn) {
this.msdn = msdn;
}
2. 在JSP中调用mulitSelect()方法
function mulitSelect(){
$.getJSON("task_mulitSelector.do",function(data){
$("#executeName").mulitselector({
title:"请选择任务执行人",
width:"530px",
data:data
});
});
3.在Action中调用
public String mulitSelector(){
//得到executeList的列表值
......................
List<ExecuterEntiry> list = new ArrayList();
if(executeList!=null && executeList.size()>0){
for(int i=0;i<executeList.size();i++)
{
list.add(new ExecuterEntiry(executeList.get(i).getId().toString(), executeList.get(i).getUserName()));
}
}
return returnJsonString(list);
}
分享到:
相关推荐
`jQuery EasyUI` 是一个基于 jQuery 的前端开发框架,它为开发者提供了丰富的组件和便捷的API,使得构建交互式Web应用变得更加简单。这个框架主要针对界面设计和用户体验优化,简化了HTML、CSS和JavaScript的复杂性...
- **Dialog(对话框)**:用于弹出式窗口,常用于警告、确认或输入信息。 - **Accordion(手风琴)**:允许在一个容器内显示多个折叠的内容区域,每次只能打开一个。 - **Slider(滑块)**:提供一种选择数值或调整...
2. **对话框(Dialog)**:实现了弹出式窗口功能,可以作为信息提示、确认对话或自定义内容的容器。具备拖动、最大化、最小化、关闭等操作,并支持多层嵌套。 3. **网格(Grid)**:强大的数据展示和编辑工具,支持...
- **对话框(Dialog)**: 显示弹出式窗口,常用于提示信息、用户输入或确认操作。 - **表格(Grid)**: 可以展示大量数据,支持排序、筛选、分页等功能,方便数据管理。 - **布局(Layout)**: 用于页面划分区域,动态...
标题中的“3个jQuery弹出窗口插件”指的是在网页开发中使用jQuery库实现的三种不同的弹出窗口功能。jQuery是一种强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在网页设计中,弹出...
本资源将探讨如何使用jQuery框架设计和实现前端特效,并介绍相关的概念、思路、方法和效果评估。 一、背景知识 jQuery是一款轻量级的JavaScript库,具有强大的DOM操作功能和事件处理能力。通过jQuery,开发者可以...
- **窗口(Window)**:提供弹出式或浮动式的对话框,用于展示独立的内容或操作。 - **表格(Grid)**:数据展示的主要工具,支持分页、排序、过滤和编辑等功能。 - **表单(Form)**:用于收集用户输入,支持多种...
5. **其他UI组件**:除了上述核心功能,LigerUI还包含其他多种组件,如树形视图、日历、弹出提示、进度条等,这些都为构建复杂的应用界面提供了更多可能。 6. **示例和文档**:压缩包中的`demos`和`dotnetdemos`...
例如,可以使用Bootstrap的`form-group`类和`input-group`类创建表单输入,`btn`类创建操作按钮,以及`modal`类创建弹出式编辑窗口。对于多选和单选题,Bootstrap的`form-check`和`form-radio`类可以方便地创建相应...
})`会在DOM准备好后弹出提示框显示“DOM ready!”。 #### 五、jQuery的优势与应用场景 - **简化DOM操作**:jQuery提供了诸如`$(selector).attr()`, `$(selector).addClass()`, `$(selector).append()`等简便方法...
为了让相册具有交互性,我们需要添加一些JavaScript代码来处理图片的点击事件,比如弹出大图预览或者跳转到单独的图片详情页。这可以通过绑定 `click` 事件和使用 jQuery 的 `$(document).on()` 方法实现。 最后,...
1. **对话框(Dialog)**:用于显示弹出式窗口,常用于表单填写、信息提示等场景。 2. **面板(Panel)**:提供一个可扩展的容器,可以容纳其他组件或HTML内容。 3. **表格(Grid)**:用于展示大量数据,支持排序、...
1. **窗口(Window)**:用于创建弹出式的操作窗口,可以设置大小、位置、标题等属性,支持拖动和缩放。 2. **表单(Form)**:提供数据输入和验证功能,可以与后台进行数据交互。 3. **表格(Grid)**:展示大量...
- **弹出式与嵌入式**:日期选择器可以作为弹出窗口出现,也可以直接嵌入到输入框中。 ### 2. 使用步骤 1. **引入依赖**:首先,确保页面已经加载了jQuery库,然后引入jQuery Datepick的JS和CSS文件。 2. **初始化...
3. **对话框(Dialog)**:用于弹出式显示内容,支持拖动、最大化、最小化等交互效果。 4. **表单(Form)**:用于数据输入和验证,可与表格结合使用,实现数据的增删改查。 5. **菜单(Menu)**:创建下拉或级联...
jQuery EasyUI 提供了一系列表单组件,如复选框(checkbox)、单选按钮(radio)、日期选择器(datebox)等,方便创建和验证表单。 ### 3. 主题系统 jQuery EasyUI 支持多主题,开发者可以通过修改或自定义 CSS ...
在IT行业中,"弹出下拉的选择框"通常指的是用户界面(UI)设计中的一个常见元素,用于提供用户多项选择的交互方式。这种组件在移动应用、网页和桌面软件中广泛应用,例如在登录表单中选择城市、在设置菜单中切换选项...
3. **窗口(Window)**:弹出式的对话框组件,可以用于展示信息、获取用户输入,或者嵌入其他组件。 4. **表单(Form)**:支持各种输入控件,如文本框、下拉选择、复选框等,以及数据验证功能,方便用户输入和提交...
- **对话框(Dialog)**:提供弹出式窗口,用于显示信息或者进行交互。 - **表格(Table)**:可分页、排序、过滤和自定义编辑的表格控件。 - **菜单(Menu)**:提供下拉菜单功能,可以嵌套子菜单。 - **面板(Panel)*...
- **窗口管理**:对话框(dialog)组件可轻松创建弹出式窗口,支持拖动、最大化、最小化等操作。 - **布局管理**:通过 panel 和 layout 组件,可以方便地实现页面的网格布局和自适应设计。 - **菜单和工具栏**:...