<link rel="stylesheet" type="text/css" href="${rc.contextPath}/css/themes/default/easyui.css">
<script type="text/javascript" src="${rc.contextPath}/js/jquery/jquery.easyui.min.js"></script>
判断输入值在下拉列表是否存在
var nameStr ='';
$(document).ready(function(){
$('#customerId').combobox({
prompt:'请输入或选择客户名称',
url:'${rc.contextPath}/sale/findBusinessPartnerByName',
valueField:'id',
textField:'text' ,
onClick: function(node) {
attributeShow($("#customerId").combotree("getValue"));
},
filter: function(q, row){
var opts = $(this).combobox('options');
//return row[opts.textField].indexOf(q) == 0;
return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配
},
onLoadSuccess: function(){
var partnerId = '${(saleOrder.partnerId)!}';
if(partnerId){
$('#customerId').combobox('setValue',partnerId);
}
},
onSelect: function(){
var partnerId = $("#customerId").combotree("getValue");
$("#business_partner_id").val(partnerId);
findBusinessPartnerContactByPartnerId(partnerId);
findSaleAddressByPartnerId(partnerId);
},
onChange: function(newValue, oldValue){
var v = $("#customerId").combotree("getText");
var arr = nameStr.split(',');
var index = $.inArray(v, arr);
if(index < 0 ){
$("#business_partner_id").val('');
}else{
$("#business_partner_id").val($("#customerId").combobox("getValue"));
}
},
formatter: function(row){
var opts = $(this).combobox('options');
nameStr += row[opts.textField] + "," ;
return row[opts.textField];
}
});
});
分享到:
相关推荐
Combobox是EasyUI中的一个下拉框组件,它结合了输入框和下拉列表的优点,常用于数据筛选或选择操作。在单选模式下,用户只能选择一个选项。然而,在某些场景下,用户可能需要同时选择多个选项,这时就需要开启...
- **模糊查询**:EasyUI的表格组件支持模糊查询,可以通过输入关键词在数据集中进行搜索,提高用户交互体验。 - **导出数据**:EasyUI可以结合后台服务,将表格数据导出为Excel或CSV格式,方便用户保存和分析。 2...
支持下拉菜单 下拉树 模糊搜索,支持中间字段的匹配
EasyUI的Combobox组件是一个具有输入框和下拉列表的控件,它允许用户从预定义的选项中选择或者手动输入值。Combobox提供了丰富的配置项和事件,使得在Web应用中创建交互式下拉列表变得简单易行。 **Combobox基本...
在 EasyUI 中,`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`,可以用来监听用户在这些组件上的操作,例如输入或选择值后进行相应的处理。 以下是一个基本的 `onchange` 事件响应实例: ```...
总的来说,实现EasyUI Datagrid的行模糊查询涉及到前端和后端的协同工作,前端负责接收用户输入,处理过滤逻辑,并向服务器发送请求;后端则需要解析请求,执行相应的数据库查询,返回过滤后的数据。通过这样的方式...
本文实例为大家分享了EasyUI Combobox下拉列表的具体代码,供大家参考,具体内容如下 1. html代码 性别: <input class="easyui-combobox" style="width: 100px;" type="text" id="gender" /> 2.显示 3.js...
在.NET框架下,ComboBox控件是Windows Forms应用程序中常见的组件,用于展示下拉列表供用户选择。本教程将深入探讨如何在C#环境下,利用VS2005为ComboBox添加自动补全或模糊查找功能,这在实际开发中非常实用,能够...
标题 "combobox模糊查询在IE中崩溃" 描述了在使用jQuery EasyUI组件中的Combobox进行模糊查询时遇到的问题,特别是在Internet Explorer(IE)浏览器环境下,由于数据量过大导致浏览器崩溃。这通常与JavaScript内存...
3. **Combobox**: `combobox`是一个下拉列表控件,它结合了输入框和列表的功能,用户可以选择列表中的项或者手动输入。 #### 二、实现级联功能的需求分析 假设我们有一个需求:在`datagrid`中,我们需要实现地址的...
Combobox 是 EasyUI 中的一个基础组件,它允许用户从下拉列表中选择一个值。在后端,我们需要组装数据成 JSON 格式,以便于传递给前端。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读...
在默认情况下,ComboBox内的文本都是单一的颜色,但有时为了提高可读性或者美化界面,我们可能需要为ComboBox下拉框内的字体添加不同的颜色。本篇文章将详细介绍如何在ComboBox下拉框内实现字体加颜色的功能。 首先...
修改jquery easyui combobox模糊过滤 代码如下:filter:function(q,row){ var opts=$(this).combobox(“options”); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)>-1;//将...
在 EasyUI 中,Combobox 是一个非常实用的组件,它结合了输入框和下拉列表的功能,用户可以选择已有选项或自行输入。 联动效果是指在一个 Combobox 的选择发生变化时,自动更新另一个 Combobox 的选项。这种功能在...
通过以上介绍,我们可以看出jQuery EasyUI的DataGrid结合combobox实现的多级联动功能,不仅可以提高数据输入的效率,还能提供良好的用户交互体验。在开发过程中,合理利用这些组件特性,可以大大提升Web应用的可用性...
在本文中,我们将深入探讨EasyUI的Combobox级联下拉列表的实现,这是一个非常实用的功能,常用于数据筛选和信息检索。EasyUI是基于jQuery的前端框架,它提供了丰富的UI组件,使得开发者能够快速构建美观且响应式的...
Combobox(组合框)是 EasyUI 中的一个非常实用的组件,它可以看作是一个下拉列表与文本框的结合体。Combobox 具有搜索、排序等功能,能够极大地提升用户体验。在实际应用中,Combobox 常用于地址选择、类别筛选等...
datagrid是一个用于展示和编辑表格数据的组件,而combobox则是一个下拉选择框,通常用于提供预设选项,同时也支持用户自定义输入。 问题的关键在于,当使用了自定义标签来扩展datagrid的编辑功能时,特别是在...
至此,我们已经实现了jQuery EasyUI Combobox的级联功能,当用户在“省份”Combobox中选择一项时,“城市”Combobox会自动更新其选项。整个过程中,Java后端负责处理数据请求,提供JSON格式的数据,而前端则负责展示...
在使用EasyUI框架进行Web开发时,Combobox是一种常见的组件,它将下拉列表与输入框结合,方便用户选择或输入数据。本文将详细介绍如何在EasyUI Combobox中设置默认值以及如何获取选中项的text。 首先,我们来看如何...