`

Easy-UI combobox使用

 
阅读更多
<th width="15%"><span id="xx">xx:</span></th>
<td width="30%"><select id="xxx" class="easyui-validatebox select" required="true" style="width:190px;" panelHeight="150px"></select></td>



//对id加载combobox
$("#xxx").combobox({
   url:'./getSelectxxx.do',
   editable:true,
   valueField:'eventid',  
   textField:'xxxname',
   onChange:function(newValue){
       //对选中的值进行处理
       $("#xxx").combobox('clear');
       $("#xxx").combobox('enable');	
       $("#xxx").combobox('setText','xxx');
       $("#xxx").combobox('setValue','xxx');
       $("#xxx").combobox('disable');     					            	                	                                             
   }
   });


editable选择true则在下拉框中输入值并且有过滤的效果。

  //combobox返回的是list
  @RequestMapping(value = "/getSelectxxx")
  @ResponseBody
  public Object getSelectxxx()
  {
        List<xxx> result =new ArrayList<xxx>();
        try
	{
	   result = this.service.getXXX();
	}
	catch (Exception e)
        {
        }
	return result;
   }


效果图






  • 大小: 11.8 KB
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    easy-ui onchange/easy-ui添加onchange

    在本文中,我们将深入探讨如何在Easy-UI框架中使用`onchange`事件,以及如何获取组合框(Combobox)的当前选中值。Easy-UI是一个基于jQuery的轻量级前端开发框架,它提供了丰富的组件,如表格、窗口、菜单、对话框等...

    jQuery easy-ui 富客户端AJAX框架

    1. **组件丰富**:Easy-UI 提供了多种用户界面组件,如对话框(dialog)、表单(form)、面板(panel)、菜单(menu)、下拉选择框(combobox)、树形控件(tree)、表格(datagrid)等,满足开发各种复杂页面的需求...

    easy-ui框架

    1. **组件库**:Easy-UI提供了多种UI组件,如数据网格(datagrid)、下拉菜单(combobox)、树形视图(tree)、对话框(dialog)等,这些组件都封装了复杂的交互逻辑,使得开发者可以轻松地在页面上构建交互式元素。...

    jquery-easy-ui-1.0.4

    7. `demo`:示例文件夹,提供了使用Easy UI的实例代码,便于开发者学习和参考。 四、应用场景 jQuery Easy UI 适用于企业级应用、后台管理系统、信息展示平台等多种场合,尤其适合快速开发和界面美化。其易用性和...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...

    jquery easy ui edatagrid 动态编辑表格 例子

    3. **处理联动**:使用jQuery和Easy UI的事件系统,监听下拉框的`onSelect`事件。当用户选择一个值时,触发函数更新相关列的下拉框数据。 4. **数据交互**:通过Ajax调用`editable.jsp`,将用户编辑的数据发送到...

    easy UI中文版文档

    这个“easy UI中文版文档”是针对Easy UI的详细指南,旨在帮助中文使用者更好地理解和应用这个框架。 在Easy UI中,你将找到以下关键知识点: 1. **jQuery基础**:Easy UI 建立在 jQuery 库之上,因此了解jQuery的...

    【JQuery Easy UI】后台管理系统的简单布局

    JQuery Easy UI 是一款基于 jQuery 的前端框架,它为开发者提供了一系列轻量级、易于使用的组件,使得构建具有专业外观的后台管理系统变得更加简单。这个框架主要关注用户界面,帮助开发者快速实现诸如表格、对话框...

    easy_ui API

    1. **组件库**:`easy_ui` 提供了大量预先封装的组件,如按钮(Button)、标签(Label)、输入框(Input)、选择框(Checkbox)、单选按钮(RadioButton)、下拉列表(ComboBox)、滑块(Slider)等。这些组件都有...

    最新EasyUI扁平化

    2. **组件使用**:熟悉各个组件的基本用法,如`&lt;div class="easyui-panel"&gt;`创建面板,`&lt;select class="easyui-combobox"&gt;`创建下拉框等,结合jQuery选择器和方法,可以实现动态操作。 3. **主题定制**:EasyUI提供...

    ComboBox 自动调整组合框下拉部分的宽度

    3. **填充ComboBox数据源**:使用`Enum.GetNames(typeof(KnownColor))`方法获取所有预定义颜色名称,并将其作为数据源填充到`ComboBox`中。 4. **调整ComboBox宽度**: - 在`OnLoad`事件处理程序中,遍历`ComboBox`...

    Jquery easy ui 中文帮助手册

    除了上述内容,jQuery Easy UI 还包括对话框(dialog)、表单(form)、树(tree)、下拉列表(combobox)、日期选择器(datebox)、时间选择器(timespinner)等多种组件,这些组件都有各自独特的用法和配置选项,...

    jquery easyui-1.3.4帮助API与DEMO

    EasyUI 提供了一系列易于使用的控件,如对话框(dialog)、表格(datagrid)、菜单(menu)、下拉框(combobox)、树形控件(tree)等,这些控件都具有高度可定制性和响应式设计,使得开发者能够快速构建出美观且...

    jquery easy UI demo

    这个“jquery easy UI demo”示例项目,旨在帮助开发者快速上手并理解如何使用 EasyUI。 **1. jQuery EasyUI 基本概念** - **jQuery**: jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理...

    Easy_UI使用JS包大全

    这个"Easy_UI使用JS包大全"的压缩包包含了EasyUI的核心组件和功能,是前端开发者的重要工具,尤其对于快速构建功能丰富的Web应用非常有用。 在前端开发中,JavaScript(JS)是一种不可或缺的语言,它为网页添加了...

    Easy UI 实现扫描枪扫二维码查询

    Easy UI 实现扫描枪扫二维码查询。使用Jquery掉去datagrid查询。

    jquery easy ui 框架

    Easy UI 包含了多种组件,如表格(Grid)、表单(Form)、菜单(Menu)、对话框(Dialog)、按钮(Button)、下拉选择框(ComboBox)、树形结构(Tree)、分页(Pager)等,几乎涵盖了日常Web开发中常见的界面元素。...

    easyui管理后台,修改样式为bootstrap

    - **下拉菜单**:EasyUI的`combobox`和`menu`可以转换为Bootstrap的`dropdown`。 - **按钮**:EasyUI的`button`和`linkbutton`可以简单地替换为Bootstrap的`btn`类。 - **表单**:EasyUI的`form`元素可能需要调整...

    easy UI实现的界面原型

    Easy UI 提供了诸如`textbox`、`combobox`等表单控件,方便用户输入和选择数据。例如,选择专业时,可以用`combobox`与后台数据接口配合,动态加载专业列表。 5. **交互与功能**:Easy UI 提供的`button`组件可以...

    jQuery-EasyUI 常用UI组件 v1.5.3

    除了上述组件,jQuery EasyUI 还包括其他功能,如按钮(Button)、树形视图(Tree)、下拉列表(Combobox)、进度条(ProgressBar)等。压缩包中的文件提供了框架的核心库、移动版支持、变更日志、许可证信息以及...

Global site tag (gtag.js) - Google Analytics