autocomplete的使用

用于模糊查询
在租赁专柜接口,做账号管理的时候,有一个查询条件是专柜,这个时候用模糊查询,可以更方便的找到专柜,具体代码如下:
查询条件的input框:

<div class="search_condition">
    <div class="search_title">专柜编码</div>
    <div class="search_content ">
        <input type="text"  name="likecounter" id="likecounter" />
    </div>
</div>

autocomplete插件的属性设置

$("#likecounter").autocomplete("<%=basePath%>likecounter.htm",{  
    minChars: 1, 
        dataType: "json", 
    cacheLength: 0,
    width: 128,
    max: 5,
    matchContains: true, 
    selectFirst: true, 
    highlight: false,
    investmentscheme:true,
    formatItem: function(row, i, max) {
        var name = row.COUNTER+"-"+row.USERNAME;    
        return name;
        },
        formatMatch: function(data, i, max) { 
            return  data.COUNTER+"-"+data.USERNAME;
        }, 
      parse: function(data) {
        return $.map(data, function(row) {
            var id = row.COUNTER+"-"+row.USERNAME;  
            return {
                data: row,
                value: id,
                result: id
            };
           });
        }, 
      formatResult: function(row) {
        return row.COUNTER+"-"+row.USERNAME;
        }, 
    });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,805评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,911评论 25 709
  • 春悠悠 风悠悠 布谷声声绕耕牛 翠满柳梢头 情悠悠 意悠悠 剑魂书香凌星斗 花开遍神州 歌悠悠 心悠悠 是非成败如...
    春雪伊人阅读 3,157评论 1 6
  • 有人说房子是商品,既然是商品,哪有只升不降的商品。 只是房子这个商品太特殊,不可能像菜市场的白菜,今天1块,明天5...
    天空有云阅读 1,283评论 0 1
  • 沉睡的心里埋藏在内心深处,无处安放,需要一个合适的地方来把它种植,让他灿烂的花开,微笑的面对每一个路过人,弯...
    周目标阅读 3,192评论 0 0

友情链接更多精彩内容