文档章节

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

小石头哥
 小石头哥
发布于 2014/06/18 20:59
字数 322
阅读 1051
收藏 2
点赞 0
评论 0

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

© 著作权归作者所有

共有 人打赏支持
小石头哥

小石头哥

粉丝 7
博文 16
码字总数 13799
作品 0
广州
后端工程师
LigerUI的系统主界面

LigerUI的系统主界面 本文转自 leizhimin 51CTO博客,原文链接:http://blog.51cto.com/lavasoft/1407359,如需转载请自行联系原作者...

技术小阿哥 ⋅ 2017/11/22 ⋅ 0

基于 Java 的 CMS 解决方案 - tjpcms

官网:http://www.tjpcms.com tjpcms 是一套基于 Java 的 CMS 解决方案,开源免费。其独有的实时配置增删改查的功能,是其区别于同类 cms 的最大特点,也是最大优势,极大减少了重复劳动。懂...

金盆洗手 ⋅ 2017/01/12 ⋅ 6

TeXpen 更新至 0.6.3 (LaTeX 编辑器)

TeXpen 是一款基于Qt/C++的开源 LaTeX 编辑器 (创作环境),源代码托管在 Git@OSChina 和 sf.net 上。 TeXpen 具有文档结构树、编辑区背景/主题、一键插入表格/图片代码段、一键编译、自动补...

阿睦瓦 ⋅ 2013/07/22 ⋅ 11

【转载】Windows CMD命令提示符的4个实用使用技巧

自动补全 在 Windows 命令提示符环境下,我们可以直接使用 Tab 键对命令、文件名、路径等直接进行补齐操作,使用 Tab 键可以减少大量的输入操作,同时也可在很大程度上避免输入错误。当然,在...

beijing_zbs ⋅ 2015/11/23 ⋅ 0

Liger UI v1.1.0 发布,基于jQuery的UI框架

API: http://api.ligerui.com/ 演示地址:http://demo.ligerui.com/ 源码下载:http://ligerui.googlecode.com/ 技术支持:http://www.cnblogs.com/leoxie2011/ V1.1.0更新记录: 表格 [需求]......

leeoo ⋅ 2011/11/23 ⋅ 8

介绍几个常用的jquery ui框架

jQuery ui框架很多,除了官方提供的jquery UI,还有很多第三方提供的ui框架,因官方提供的jquery ui框架体积较大,所以很多人都不喜欢用,但不论是官方提供还是第三方提供,他们都是基于jqu...

Junn ⋅ 2012/12/05 ⋅ 2

介绍几个常用的jquery ui框架

jQuery ui框架很多,除了官方提供的jquery UI(如果你还不知道什么是jQuery UI,请看下载了jquery ui后如何使用),还有很多第三方提供的ui框架,因官方提供的jquery ui框架体积较大,所以很多...

一念三千 ⋅ 2012/10/16 ⋅ 0

如何让python idle有命令自动补全和查看历史记录的方法

许多时候,我们使用Python,并不用写一个程序,一些不复杂的任务,我更喜欢在IDLE(也就是交互式提示模式)下输入几行代码完成。然而,在这个模式下编辑代码,也有不够便利的地方,最主要的就...

happyliferao ⋅ 2016/02/16 ⋅ 0

jQuery 自动补全插件

jQuery 自动补全插件有很多,找了一圈,没找到自己想要的。干脆自己编一个吧 哄哄 使用场景: 使用 B3log Solo 发布文章时,标签(tag)的提示。 具体需求: 1. 当标签输入框被 focus 后,提...

晨曦之光 ⋅ 2012/03/09 ⋅ 1

ligerui grid行编辑示例

ligerui grid行编辑示例,具备新增行、删除行功能,可在修改某个cell之后,如果录入错误,可以提醒用户。 <%@ page contentType="text/html; charset=UTF-8" %><%String path = request.getC...

webas ⋅ 2013/02/17 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Nginx服务架构初探(四):nginx服务器的rewrite功能

nginx服务器的rewrite功能 1.nginx后端服务器组的配置 1>upstream name {…} name是给服务器组限的组名 2>server address [parameters]; address为服务器地址 parame......

余温灬未存 ⋅ 今天 ⋅ 0

layer.prompt使文本框为空的情况下也能点击确定

最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。 但是我又需要空值,看看我原来的代码。 123456789 layer.prompt...

孟飞阳 ⋅ 今天 ⋅ 0

Linux普通文件压缩工具gzip、Bzip2、xz

第六章 文件压缩和打包 6.1 压缩打包介绍 Linux环境常见压缩文件类型: .zip,.gz,.bz2,.xz, .tar.gz,.tar.bz2,.tar.xz 压缩打包的目的 方便文件传输 节省磁盘空间 减少传输花费的时间 ...

弓正 ⋅ 今天 ⋅ 0

移动弹窗基础知识浅析——IOS弹窗体系

摘要: 最为常见的【弹窗】反而是最“捉摸不定”的东西。各种类型的弹窗傻傻分不清楚,不知道在什么场景下应该用哪种弹窗。尤其是遇到“二次确认”等场景…… 因此,打算从头整理移动弹窗的基...

阿里云云栖社区 ⋅ 今天 ⋅ 0

zabbix短信报警统计以及报表展示

一、需求 由于我们的业务报警比较频繁,之前是针对每个报警进行具体处理,但是有时还会重复出现,或者后续处理有时忘记跟进等,因此进行报警短信的统计,可以针对一些问题与业务跟进,明确后...

o翡翠谷o ⋅ 今天 ⋅ 0

JNI 输出LOG

1、导入log头文件。在你使用的 .c/ .cpp 文件中,导入 log.h 头文件。 #include<android/log.h> 2、在android.mk 加上 LOCAL_LDLIBS := -llog 或 LOCAL_SHARED_LIBRARIES := liblog 3、定义L......

国仔饼 ⋅ 今天 ⋅ 0

主线程pthread_exit 作用

#include <iostream>#include <pthread.h>#include <unistd.h>using namespace std;#define NUM_THREADS 10void* say_hello(void* args){ int i = *((int*)args);/......

xxdd ⋅ 今天 ⋅ 0

崛起于Springboot2.X之Mybatis-xml方式操作mysql数据库(3)

序言:当第一篇讲道Mybatis的时候,只要使用过mybatis的java程序员100%都会知道这种方式,因为这是最广泛最全面的编写sql操作mysql数据库的方式,高级sql的编写往往通过xml方式,接下来进入正...

木九天 ⋅ 今天 ⋅ 2

移动弹窗基础知识浅析——IOS弹窗体系

摘要: 最为常见的【弹窗】反而是最“捉摸不定”的东西。各种类型的弹窗傻傻分不清楚,不知道在什么场景下应该用哪种弹窗。尤其是遇到“二次确认”等场景…… 因此,打算从头整理移动弹窗的基...

猫耳m ⋅ 今天 ⋅ 0

spring elasticsearch 2.4 date 日期

1.mappingPUT user_behavior { "mappings": { "user_behavior": { "properties": { "date": { "type": "createDate", ......

xiaomin0322 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部