今天花了半天才搞定。
网上找了不少例子。最后搞定了。
效果图
<input id="wifis_barId_index" class="easyui-combobox" />
/**下拉框初始化*/
from_initUserCombox();
function from_initUserCombox() {
$.ajax({
url:"barapp/Bars/getComboBox.do",
cache: false,
dataType:"json",
success: function(result){
//alert("ok"+result.list[0].id);
var feiqumingxiarr = new Array();
feiqumingxiarr =result.list;
$("#wifis_barId_index").combobox({
data : feiqumingxiarr,
valueField : 'id',
textField : 'name'
});
},
error : function(){
alert("error");
}
});
//$("#wifis_barId_index").combobox({
//url:"barapp/Bars/getComboBox.do",
//valueField:'id',
//textField:''
//});
}
后台返回JSON串
{"list":[{"annexList":[],"city":"长沙","explains":"诞集团。","id":1,"idList":[],"logPic":"http://117.40.178.58:7070/bar/upload/bar/1.jpg","name":"苏荷酒吧","password":"888888","tel":"13786141175"},{"annexList":[],"city":"长沙","explains":"分为演艺吧。","id":2,"idList":[],"logPic":"http://117.40.178.58:7070/bar/upload/bar/2.jpg","name":"魅力四射","password":"888888","tel":"0731-85171988"}],"success":false}
/**
* <p>标题:下拉框所用 列表
* @throws IOException
*/
public void getComboBox() throws IOException {
Map<String, Object> result = new HashMap<String, Object>();
List list = new ArrayList();
try {
String str = "";
Bars barsobj = new Bars();
list = barsManager.findAll();
result.put("success", false);
result.put("list", list);
} catch (Exception e) {
e.printStackTrace();
}
outJson(result);
}
相关推荐
《使用EasyUI Combobox在Struts2和Velocity框架下的实现》 在现代Web开发中,SSH(Struts2、Spring、Hibernate)框架被广泛应用于构建企业级应用,而jQuery和EasyUI提供了丰富的前端组件,使得界面设计更加简洁、...
ItemManageAction 类是基于 Struts2 框架的一个控制器,用于处理与 Easyui Combobox 相关的动态数据级联请求。这个类的主要功能包括: 1. **Categorytbl 方法**: 这个方法用于获取一级分类(栏目)的数据。`...
EasyUI与SSH(Struts2、Hibernate、Spring)是两种常见的Java Web开发技术,它们在企业级应用中广泛使用。EasyUI是一款基于jQuery的前端UI框架,提供了丰富的组件,如表格、下拉框、树、对话框等,使得网页界面设计...
【SSh结合Easyui实现Datagrid的分页显示】是一个典型的Web开发应用场景,涉及到Spring、Struts2和Hibernate(SSh)三大框架与EasyUI前端组件的整合。在这个实例中,我们将探讨如何利用这些技术来实现一个具备分页...
2. **特性**:EasyUI 提供了许多常用的 UI 控件,如 Accordion、ComboBox、Menu、Dialog、Tabs、Tree、ValidateBox、Window 等,这些控件极大地简化了前端界面的开发工作。 3. **优势**:与 ExtJS 相比,EasyUI ...
SSH4整合EasyUI是一个在Java Web开发中将Spring、Struts2、Hibernate这三大框架(SSH)与EasyUI前端框架结合的过程。这个过程涉及到后端服务的开发、前端页面的构建以及两者之间的交互。SSH是Java领域常用的MVC...
在IT行业中,前端框架EasyUI和后端SSH(Spring、Struts2、Hibernate)的集成应用是常见的开发模式。本文将深入探讨如何利用EasyUI的combobox组件与SSH注解方式来实现省市区三级联动效果,这是一个在网页表单中常见且...
2. **jQuery EasyUI 的主题系统**: - jQuery EasyUI 提供了多种预设主题,如 "default"、"gray" 等,可以通过更改 CSS 文件轻松改变整个应用的外观风格。 3. **数据绑定与异步通信**: - 使用 `datagrid` 或 `...
1. **Ajax通信**:jQueryEasyUI的组件可以利用jQuery的Ajax功能与Java后端进行数据交互,如发送请求到Spring MVC或Struts2的Action,获取JSON数据并更新界面。 2. **Servlet或Controller处理**:在Java后端,可以...
在实际项目中,EasyUI 可以与后端框架如 SpringMVC、Struts2 或 Node.js 配合使用,实现前后端数据交互。为了提高开发效率,可以配合使用诸如 Maven 或 Gradle 这样的构建工具,将 EasyUI 作为依赖项管理。 总的来...
在本培训内容中,我们将关注如何使用EasyUI组件实现省份-城市-区域的三级联动效果,特别是通过Struts2整合AJAX实现非数据库版本。 1. **jQuery AJAX 交互** - 在JavaScript中,`$.ajax()`函数是jQuery提供的异步...
EasyUI提供了丰富的组件,如表格(grid)、表单(form)、下拉框(combobox)等,这些组件可以帮助开发者快速创建美观且功能齐全的界面。在"增删改查"的功能中,EasyUI的表格组件通常用于显示数据,而表单组件则用于...
SSH2是Spring、Struts2和Hibernate的集成,提供了MVC模式的完整解决方案,而EasyUI则是一款基于jQuery的UI组件库,用于构建美观的前端界面。下面将详细阐述这两个技术在权限管理系统的应用及其相关知识点。 1. **...
在这个 "esayui 完整例子" 中,我们可能看到一个使用 Struts2 作为控制层、iBatis 作为数据访问层、EasyUI 作为前端展示的典型 Java Web 应用实例。具体来说: 1. **Struts2 配置**:项目中会包含 Struts2 的配置...
sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件.zip jquery1.7.2中文API修正版.chm jquery.easyui-1.2.5源码未压缩版.rar jquery-easyui-1.2.6.zip JQuery-esqyUI中文-1.2.5API....
在本文中,我们将深入探讨如何使用Java框架SSH(Spring、Struts、Hibernate)与前端UI库Easyui结合,实现省市县三级联动的功能。这个功能在许多Web应用中都非常常见,例如用户填写地址时,需要根据选择的省份动态...
1. **Struts2**:作为 MVC 模式中的控制器,Struts2 提供了一种基于拦截器的Action调度机制,能够灵活地处理请求和响应。它还引入了OGNL(Object-Graph Navigation Language)表达式语言,用于在Action与视图之间...
EasyUI包含了一系列常见的前端组件,如表格(datagrid)、面板(panel)、窗口(window)、菜单(menu)、下拉框(combobox)、按钮(button)等。这些组件设计简洁,易于使用,并且支持丰富的定制选项,可以满足...
文章还提到了在后台处理数据的部分,使用了Struts2框架的配置文件,定义了一个action来处理请求: ```xml *" class="com.chinasoft.action.DepartmentAction" method="{1}"> <param name="root">list ``` 这...