博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ligerui新增自动补全上下键选取功能
阅读量:7218 次
发布时间:2019-06-29

本文共 1881 字,大约阅读时间需要 6 分钟。

  hot3.png

最近客户提出ligerui自动补全的时候输入关键字之后需要用上下键来选择,所以对ligerui不是熟悉的情况下该了该!往大神们帮我看看还要怎么写!

if(p.autocomplete){

//输入框keydown事件
 g.inputText.keydown(function(event) {
 
switch (event.keyCode) {
case 40://向下键
if (p.disabled || p.readonly) return;
                    if (g.trigger('beforeOpen') == false) return false;
var $selectboxs=g.selectBox;
var $nextSiblingTr = $selectboxs.find(".l-box-select-table").find(".l-over").parent("tr");
if($nextSiblingTr.length <= 0){//没有选中行时,选中第一行
$nextSiblingTr = $selectboxs.find(".l-box-select-table").find("tr:first");
}else{
$nextSiblingTr = $nextSiblingTr.next();
}
$selectboxs.find(".l-box-select-table").find("tr td").removeClass("l-over");
if($nextSiblingTr.length > 0)//有下一行时(不是最后一行)
$nextSiblingTr.find("td").addClass("l-over");//选中的行加背景
var value = $nextSiblingTr.find(".l-over").attr("value");
var text = $nextSiblingTr.find(".l-over").attr("text");
 g._changeValue(value, text);
break;
case 38://向上键
if (p.disabled || p.readonly) return;
                    if (g.trigger('beforeOpen') == false) return false;
 
var $selectboxs=g.selectBox;
var $nextSiblingTr = $selectboxs.find(".l-box-select-table").find(".l-over").parent("tr");
var $previousSiblingTr =  $selectboxs.find(".l-box-select-table").find(".l-over").parent("tr");
if($previousSiblingTr.length <= 0){//没有选中行时,选中最后一行行
$previousSiblingTr = $selectboxs.find(".l-box-select-table").find("tr:last");
}else{
$previousSiblingTr = $previousSiblingTr.prev();
}
$selectboxs.find(".l-box-select-table").find("tr td").removeClass("l-over");
if($previousSiblingTr.length > 0)//有上一行时(不是第一行)
$previousSiblingTr.find("td").addClass("l-over");//选中的行加背景
var value = $previousSiblingTr.find(".l-over").attr("value");
var text = $previousSiblingTr.find(".l-over").attr("text");
 g._changeValue(value, text);
break;
case 13://回车键
g.selectBox.hide();
break;
case 27://ESC键隐藏下拉框
g.selectBox.hide();
break;
}
});
}

转载于:https://my.oschina.net/bozhi/blog/281178

你可能感兴趣的文章
java环境配置正确,但是tomcat不能启动的解决办法
查看>>
我就是想找个人聊聊天,说说我这近四年来的经历
查看>>
不同的测试方法使用的场景
查看>>
Hadoop快速入门
查看>>
Problem S
查看>>
SVN上传的时候没法显示文件名,只显示后缀名
查看>>
Python:pygame游戏编程之旅四(游戏界面文字处理)
查看>>
fedroa 编译安装mysql5.5
查看>>
WC2018游记
查看>>
毕设开发日志2017-10-23
查看>>
***微信公众平台开发: 获取用户基本信息+OAuth2.0网页授权
查看>>
第二章 例题2-2 在屏幕上显示两个短句
查看>>
【转】iOS学习之适配iOS10
查看>>
OC语言BLOCK和协议
查看>>
C++创建一个动态链接库工程
查看>>
(六)maven之本地仓库
查看>>
如何使用 SPICE client (virt-viewer) 来连接远程虚拟机桌面?
查看>>
CentOS7
查看>>
linux高编IO-------tmpnam和tmpfile临时文件
查看>>
微信的机器人开发
查看>>