`
jbeduhai
  • 浏览: 504448 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

easyui combobox下拉效果 可输入 模糊查询

 
阅读更多
<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];
            }
        });

    });
0
3
分享到:
评论

相关推荐

    在easyui-combobox多选模式下加入选择所有选项

    Combobox是EasyUI中的一个下拉框组件,它结合了输入框和下拉列表的优点,常用于数据筛选或选择操作。在单选模式下,用户只能选择一个选项。然而,在某些场景下,用户可能需要同时选择多个选项,这时就需要开启...

    easyui+ssh(增删改模糊查询,导出数据)

    - **模糊查询**:EasyUI的表格组件支持模糊查询,可以通过输入关键词在数据集中进行搜索,提高用户交互体验。 - **导出数据**:EasyUI可以结合后台服务,将表格数据导出为Excel或CSV格式,方便用户保存和分析。 2...

    EasyUI 下拉菜单 下拉树 模糊搜索

    支持下拉菜单 下拉树 模糊搜索,支持中间字段的匹配

    easyui中combobox后台交互实例

    EasyUI的Combobox组件是一个具有输入框和下拉列表的控件,它允许用户从预定义的选项中选择或者手动输入值。Combobox提供了丰富的配置项和事件,使得在Web应用中创建交互式下拉列表变得简单易行。 **Combobox基本...

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

    在 EasyUI 中,`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`,可以用来监听用户在这些组件上的操作,例如输入或选择值后进行相应的处理。 以下是一个基本的 `onchange` 事件响应实例: ```...

    Easyui Datagrid 实现行过滤[模糊查询]

    总的来说,实现EasyUI Datagrid的行模糊查询涉及到前端和后端的协同工作,前端负责接收用户输入,处理过滤逻辑,并向服务器发送请求;后端则需要解析请求,执行相应的数据库查询,返回过滤后的数据。通过这样的方式...

    EasyUI学习之Combobox下拉列表(1)

    本文实例为大家分享了EasyUI Combobox下拉列表的具体代码,供大家参考,具体内容如下 1. html代码 性别: &lt;input class="easyui-combobox" style="width: 100px;" type="text" id="gender" /&gt; 2.显示 3.js...

    #ComboBox自动补全小技巧(模糊查找)

    在.NET框架下,ComboBox控件是Windows Forms应用程序中常见的组件,用于展示下拉列表供用户选择。本教程将深入探讨如何在C#环境下,利用VS2005为ComboBox添加自动补全或模糊查找功能,这在实际开发中非常实用,能够...

    combobox模糊查询在IE中崩溃

    标题 "combobox模糊查询在IE中崩溃" 描述了在使用jQuery EasyUI组件中的Combobox进行模糊查询时遇到的问题,特别是在Internet Explorer(IE)浏览器环境下,由于数据量过大导致浏览器崩溃。这通常与JavaScript内存...

    easyui的datagrid中editor和combobox的级联

    3. **Combobox**: `combobox`是一个下拉列表控件,它结合了输入框和列表的功能,用户可以选择列表中的项或者手动输入。 #### 二、实现级联功能的需求分析 假设我们有一个需求:在`datagrid`中,我们需要实现地址的...

    easyui-combobox、combotree后台数据数据组装与前台绑定实例

    Combobox 是 EasyUI 中的一个基础组件,它允许用户从下拉列表中选择一个值。在后端,我们需要组装数据成 JSON 格式,以便于传递给前端。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读...

    ComboBox下拉框内字体加颜色

    在默认情况下,ComboBox内的文本都是单一的颜色,但有时为了提高可读性或者美化界面,我们可能需要为ComboBox下拉框内的字体添加不同的颜色。本篇文章将详细介绍如何在ComboBox下拉框内实现字体加颜色的功能。 首先...

    jquery easyui 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)&gt;-1;//将...

    easyUI combobox实现联动效果

    在 EasyUI 中,Combobox 是一个非常实用的组件,它结合了输入框和下拉列表的功能,用户可以选择已有选项或自行输入。 联动效果是指在一个 Combobox 的选择发生变化时,自动更新另一个 Combobox 的选项。这种功能在...

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

    通过以上介绍,我们可以看出jQuery EasyUI的DataGrid结合combobox实现的多级联动功能,不仅可以提高数据输入的效率,还能提供良好的用户交互体验。在开发过程中,合理利用这些组件特性,可以大大提升Web应用的可用性...

    EasyUI学习之Combobox级联下拉列表(2)

    在本文中,我们将深入探讨EasyUI的Combobox级联下拉列表的实现,这是一个非常实用的功能,常用于数据筛选和信息检索。EasyUI是基于jQuery的前端框架,它提供了丰富的UI组件,使得开发者能够快速构建美观且响应式的...

    Easyui Combobox 过滤功能,类似火车票网站过滤

    Combobox(组合框)是 EasyUI 中的一个非常实用的组件,它可以看作是一个下拉列表与文本框的结合体。Combobox 具有搜索、排序等功能,能够极大地提升用户体验。在实际应用中,Combobox 常用于地址选择、类别筛选等...

    如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

    datagrid是一个用于展示和编辑表格数据的组件,而combobox则是一个下拉选择框,通常用于提供预设选项,同时也支持用户自定义输入。 问题的关键在于,当使用了自定义标签来扩展datagrid的编辑功能时,特别是在...

    jquery easyui combobox 级联java demo(真正可用)

    至此,我们已经实现了jQuery EasyUI Combobox的级联功能,当用户在“省份”Combobox中选择一项时,“城市”Combobox会自动更新其选项。整个过程中,Java后端负责处理数据请求,提供JSON格式的数据,而前端则负责展示...

    EasyUI Combobox设置默认值 获取text的方法

    在使用EasyUI框架进行Web开发时,Combobox是一种常见的组件,它将下拉列表与输入框结合,方便用户选择或输入数据。本文将详细介绍如何在EasyUI Combobox中设置默认值以及如何获取选中项的text。 首先,我们来看如何...

Global site tag (gtag.js) - Google Analytics