`
luohong0327
  • 浏览: 24651 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery easyUI 下拉显示提示数据

阅读更多
  $(document).ready(function (){
  init();
  });

  function init(){
$('#cjoiners').combobox({
onChange:function(newValue,oldValue){
    loadOnPaeuser(newValue,oldValue);
},
onSelect:function(record){
//$("#cjoiners").attr("value",record.name);
$('#cjoiners').combobox('select',record.name);
},
    valueField:'id',
    textField:'name'
});
  }

  function loadOnPaeuser(n,o){

n = jQuery.trim(n);
o = jQuery.trim(o);
    if(n!=""){//&& n!=o
var nametemp = n;
//$("#cjoiners").attr("value",n);
url = "/cms/custservice/ajax_cmFind_findPaesByName.action?name="+encodeURI(encodeURI(nametemp));
$('#cjoiners').combobox('reload',url);
//$("#cjoiners").attr("textField",n);
    }
  }

============================================================================

后台java 提供数据代码:
public List findSomeDataByName(String name){

StringBuffer sql = new StringBuffer();
sql.append("select distinct NAME,ID from PERSONAL_AND_EXECUTIVE ");
sql.append("where ");
sql.append(" name like '%" + name + "%'");
final List list = new ArrayList();
getJdbcTemplate().query(sql.toString(), new Object[] {},
new RowCallbackHandler() {
public void processRow(ResultSet res) throws SQLException {
PersonalAndExecutive personalAndExecutive = new PersonalAndExecutive();
personalAndExecutive.setId(Integer.valueOf(res.getString("id")));
personalAndExecutive.setName(res.getString("NAME"));
list.add(personalAndExecutive);
}
});
return list;
}
分享到:
评论

相关推荐

    jquery easyui datagrid demo

    Datagrid 是 jQuery EasyUI 中一个强大的数据展示组件,常用于表格数据的展示和操作,支持分页、排序、过滤、编辑等功能。通过阅读这份文档,我们可以了解 Datagrid 的基本配置和高级特性,以及如何与后端数据源进行...

    jquery easyui 帮助文档

    jQuery EasyUI 的核心在于其组件系统,这些组件包括但不限于数据网格(datagrid)、下拉菜单(combobox)、对话框(dialog)、表单(form)、布局(layout)、菜单(menu)、面板(panel)、进度条(progressbar)、...

    jqueryEasyUI

    jQuery EasyUI 适用于企业级后台管理系统、数据展示界面、Web 应用的前端开发。它的组件丰富,样式统一,可以快速构建出具有专业外观的管理界面。 ### 5. 注意事项 - 考虑到性能,不要在不需要的地方过度使用组件...

    初试JqueryEasyUI(附Demo)

    在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    - DataGrid的配置包括`url`(数据源)、`fitColumns`(是否自适应列宽)、`striped`(是否显示斑马线)、`loadMsg`(加载提示信息)等。 - `frozenColumns`和`columns`定义了DataGrid的列,其中`editor`字段指定了...

    jQuery EasyUI 参考资源合集

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了一系列的 UI 组件,如对话框、表格、下拉菜单、树形结构等。这个参考资源合集包含了三个重要的文档,分别为 jQuery EasyUI 1.2 API...

    jQueryEasyUI1.3.6版本

    1. **组件库**:jQuery EasyUI 提供了多种UI组件,如对话框(Dialog)、表单(Form)、表格(Grid)、树形视图(Tree)、下拉菜单(Menu)等。这些组件都有完整的API和丰富的样式,可以满足开发各种类型Web应用的...

    jQuery easyui 全套文件

    EasyUI 是基于 jQuery 的一组 UI 组件,它为开发者提供了诸如表格(datagrid)、下拉菜单(combobox)、树形控件(tree)、对话框(dialog)等常见的网页元素。这些组件不仅具有丰富的样式,还内置了大量的功能,如...

    jQuery EasyUI v1.10.0.zip

    使用jQuery EasyUI可以极大地提高开发效率,因为它提供了丰富的预定义样式和交互效果,让开发者无需关心底层实现,只需关注业务逻辑和数据处理。通过结合HTML、CSS和JavaScript,可以快速搭建出美观且功能齐全的用户...

    《jQuery EasyUI开发指南》书籍源码

    2. **数据绑定**:jQuery EasyUI支持通过JSON数据动态填充表格和其他组件,这在权限系统中非常重要,因为通常需要根据用户角色和权限动态显示或隐藏某些功能和数据。 3. **事件处理**:通过监听用户操作,如点击...

    jQuery EasyUI 1.4.2 版 API 中文版.zip

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,用于快速构建用户界面。1.4.2 版本是这个框架的一个稳定版本,包含了许多改进和修复,以提升开发者的体验和应用程序的性能。这个压缩包...

    jquery easyui 周历 周选择下拉控件

    以上便是关于“jquery easyui 周历 周选择下拉控件”的详细知识点介绍,这个控件的实现涉及到了组件扩展、事件处理、样式定制和配置选项等多个方面,充分展示了JavaScript和jQuery EasyUI在前端开发中的强大功能。

    jquery easyUI

    数据网格是 jQuery EasyUI 中非常重要的一个组件,用于展示和操作表格数据。它可以实现分页、排序、过滤和编辑等功能,并支持远程数据加载。 #### 2.2 对话框(Dialog) 对话框用于显示独立的内容,可以设置为模态...

    JqueryEasyUI1.4参考手册

    在 `JqueryEasyUI1.4参考手册.chm` 中,你将找到关于 jQuery EasyUI 1.4 版本的详尽指南。`.chm` 文件是一种微软编写的帮助文档格式,它包含索引、搜索功能和一系列主题,方便用户查找和学习。 **组件介绍** ...

    jQueryEasyUI

    2. **数据绑定**:jQueryEasyUI支持通过JSON或Ajax方式动态加载和展示数据,与后端服务进行数据交换,实现前后端分离。 3. **主题系统**:提供了多种预设主题,可以方便地更改应用的整体风格,满足不同设计需求。 ...

    jQuery EasyUI 1.4.5 版 API 中文版.rar

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单、树形结构等,帮助开发者快速构建用户界面。1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者...

    Jquery easyUI api 下载

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个压缩包文件 "jquery_easyui_api.chm" 内含的是 jQuery EasyUI 的 API 文档,对于理解并使用该框架至...

    jquery easyui demo

    1. **对话框(Dialog)**:jQuery EasyUI 提供了对话框组件,可以用于弹出提示信息、显示详情页面或进行确认操作。通过`.dialog()`方法,你可以轻松创建、打开和关闭对话框,还可以设置其大小、位置和可拖动性。 2. *...

    jquery-easyui-1.7.0.zip官方文档

    1. 数据绑定:EasyUI 提供了数据绑定功能,可以轻松地将后台数据与前端UI组件关联,实现数据的动态展示和更新。 2. 组件丰富:包括对话框(Dialog)、表格(Grid)、表单(Form)、菜单(Menu)、树形控件(Tree)...

    jQuery EasyUI 官方API中文版

    这个框架的官方API中文版是开发者的重要参考资料,它详细解释了每个组件的用法、属性、方法和事件,使得国内开发者能够更加方便地理解和使用jQuery EasyUI。 首先,我们要理解jQuery EasyUI的核心概念。它主要基于...

Global site tag (gtag.js) - Google Analytics