文档章节

ligerui新增自动补全上下键选取功能

小石头哥
 小石头哥
发布于 2014/06/18 20:59
字数 322
阅读 1056
收藏 2

最近客户提出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;
}
});
}

© 著作权归作者所有

共有 人打赏支持
上一篇: Java多线程学习
下一篇: svn搭建
小石头哥

小石头哥

粉丝 8
博文 18
码字总数 14404
作品 0
广州
后端工程师
私信 提问
jquery1.5.2提示jQuery未定义

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName......

wuherong
2012/03/14
2.9K
2
打算做个系统,主要是用浏览器加载, 操作服务器上的数据, ui用ligerUi, 不知道我卖这样的软件需要向ligerUI交钱不.

可能不需要全部的插件, 只需要部分内容. 我从ligerUI里提取出部分插件, 并重新压缩成一个js文件包, 并且修改了一下皮肤css文件, 不知道使用ligerUI制作的系统,对外销售需要不需要获取ligerUI...

泡不烂的凉粉
2014/01/06
937
1
IE8浏览器iframe内存不回收的问题,网上解决方案无效。

本人负责一个Web信息系统,使用的ligerUI作为前端UI组件。 之前的布局方案是点击左侧菜单在页面右侧动态添加tab页面,动态tab页面使用的iframe,但是由于旧版本的ligerUi tab组件无法回收内存...

即时光影
2013/08/26
4.3K
5
学习jQuery LigerUI框架

看人家在一个技术交流群里问到谁用过jQuery LigerUI这个框架?咦,我没用过,我才刚开始学习jQuery,没听说过!菜鸟的悲哀~去网上看看是什么东东!http://ligerui.googlecode.com去看看吧! ...

小人物_Amor
2013/02/22
0
9
ligerui ligercombobox无法嵌套在ligerform中使用

ligerui ligercombobox无法嵌套在ligerform中使用 我在使用ligerui时,在一个ligerform中嵌套使用ligercombobox,但是ligercombox没有显示,各位大侠求指点。...

shuaizi
2013/04/27
806
0

没有更多内容

加载失败,请刷新页面

加载更多

GO redis 相关操作

在gopath 目录下安装 go get github.com/garyburd/redigo/redis package mainimport ("fmt""github.com/garyburd/redigo/redis")//定义一个全局链接池变量var pool *redis.Pool//......

汤汤圆圆
29分钟前
6
0
java8性特性,常用的lambda表达式

1、抽取多个对象中的某个属性,用数组接收 List<Student> students = new ArrayList<>(); List<String> names =students.stream().map(Student::getName).collect(Collectors.toList()); 2、......

Boss-x
30分钟前
7
0
flutter 子组件与父组件

无论是子组件还是父组件,任何时候initState()只执行一次,如果需要判断 就在build里面进行,不然无效的。

大灰狼wow
32分钟前
4
0
Rancher Labs引入全球首个多集群、多租户的Prometheus支持!

近日,Rancher Labs宣布加强对Prometheus的支持,提高Kubernetes集群的可见度。Rancher也因此成为唯一一个在多集群、多租户环境中支持Prometheus的解决方案。 Prometheus正迅速成为监控云原生...

RancherLabs
34分钟前
3
0
vue项目中api接口管理总结

默认vue项目中已经使用vue-cli生成,安装axios,基于element-ui开发,axiosconfig目录和api目录是同级,主要记录配置的相关。 1. 在axiosconfig目录下的axiosConfig.js import Vue from 'vue...

peakedness丶
37分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部