• easyui combobox开启搜索自动完成功能


    combo.json

    复制代码
    [{
      "id":-1,
      "text":" ",
      "spell":""
    
    },{
      "id":1,
      "text":"类型1",
      "spell":"lx1"
    },{
      "id":2,
      "text":"类型2",
      "spell":"lx2"
    },{
      "id":3,
      "text":"类型3",
      "spell":"lx3"
    },{
      "id":4,
      "text":"类型4",
      "spell":"lx4"
    },{
      "id":5,
      "text":"类型5",
      "spell":"lx5"
    }]
    复制代码

     下面是代码示例

    <form>
        <input type="text" id="combox1">
    </form>
    复制代码
        /**
         * easyui combobox 开启搜索功能,自动装载选中的项目处理函数
         */
        function onComboboxHidePanel() {
            var el = $(this);
            el.combobox('textbox').focus();
            // 检查录入内容是否在数据里
            var opts = el.combobox("options");
            var data = el.combobox("getData");
            var value = el.combobox("getValue");
            // 有高亮选中的项目, 则不进一步处理
            var panel = el.combobox("panel");
            var items = panel.find(".combobox-item-selected");
            if (items.length > 0) {
                var values = el.combobox("getValues");
                el.combobox("setValues", values);
                return;
            }
            var allowInput = opts.allowInput;
            if (allowInput) {
                var idx = data.length;
    
                data[idx] = [];
                data[idx][opts.textField] = value;
                data[idx][opts.valueField] = value;
                el.combobox("loadData", data);
            } else {
                // 不允许录入任意项, 则清空
                el.combobox("clear");
            }
        }
        $("#combox1").combobox({
            required: true,
            editable: true,
            missingMessage: '请选择装载物料',
            valueField: "id",
            textField: "text",
            method: 'get',
            url: 'combo.json',
            mode: "local",
            onHidePanel: onComboboxHidePanel,
            filter: function (q, row) {
                //定义当'mode'设置为'local'时如何过滤本地数据,函数有2个参数:
                //q:用户输入的文本。
                //row:列表行数据。
                //返回true的时候允许行显示。
                //return row[$(this).combobox('options').textField].indexOf(q) > -1;
                return row["spell"].indexOf(q) >= 0;
            }
        });
    复制代码
  • 相关阅读:
    redhat 6.4下PXE+Kickstart无人值守安装操作系统
    ubuntu14.04安装好Hadoo之后接着安装hbase和介绍常用命令
    避坑之Hadoop安装伪分布式(Hadoop3.2.0/Ubuntu14.04 64位)
    kindeditor文件上传设置文件说明为上传文件名(JSP版)
    sqlmap 扫描注入漏洞
    局域网内访问不同网段的主机(转记)
    cmd创建用户开启3389命令
    用python来更改windows开机密码
    代码安全之上传文件
    web渗透(转)
  • 原文地址:https://www.cnblogs.com/soundcode/p/6523162.html
Copyright © 2020-2023  润新知