`
jobar
  • 浏览: 347430 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在Grid上增加键盘监听事件

 
阅读更多
1 首先定义gridview id
viewConfig : {
                            	itemId: 'listsgridview',
                                
                            },

2 在Controller里面增加监听函数
"#listsgridview": {
                itemkeydown: this.onListsgridviewItemKeydown
            },

3 函数实现
onListsgridviewItemKeydown: function(dataview, record, item, index, e, eOpts) {
        var key = e.getKey();
        var store = record.store;
        if(key>=e.A && key<=e.Z){
            var initial = String.fromCharCode(key);
            var localIndex = index;
            do{
                localIndex++;
                record = store.getAt(localIndex);
            }while(record && record.get('name').indexOf(initial.toLowerCase()) !== 0 && localIndex<=store.data.length-1);

            if(record && record.get('name').indexOf(initial.toLowerCase()) === 0 && localIndex<=store.data.length-1){
                dataview.select(localIndex);
            }
        }
        return false;
    },


用户在表格里面按键后可以定位到具体的行(首字母为按键字母)
分享到:
评论

相关推荐

    js 软键盘

    JavaScript(简称JS)软键盘是一种在网页应用中用于输入数据的安全解决方案,特别是在处理敏感信息如密码时,防止因页面下方的物理键盘被键盘记录器或其他恶意软件监控。本篇文章将深入探讨JavaScript软键盘的设计...

    js+css简易小键盘练习工具

    将事件监听器添加到键盘容器元素上,而不是每个单独的按钮。这样,当任何按钮被点击时,事件都会冒泡到容器,然后JS处理该事件。 8. **交互反馈**:为了让用户知道按键已被识别,可以在按键被点击时添加视觉反馈,...

    js实现的软键盘

    Flexbox或Grid布局可以用来创建整齐的键盘网格,而CSS动画可以增加交互性。 4. 字符编码与输入处理:当用户点击软键盘上的按键时,需要将对应的字符插入到输入框。这涉及到Unicode字符编码和字符串操作,如字符串...

    支持上下左右切换jQ焦点图.zip

    同时,焦点图提供了四个箭头,分别代表上、下、左、右四个方向的切换,用户可以通过点击这些箭头来浏览不同位置的图片,增加用户操作的灵活性和自由度。 【核心知识点】: 1. **jQuery库**:jQuery是一个广泛使用的...

    软键盘(JavaScript模拟软键盘输入密码)

    8. **响应式设计**:确保软键盘在不同设备和屏幕尺寸上都能良好工作。可以使用媒体查询(media queries)和CSS Flexbox或Grid来实现自适应布局。 9. **可访问性**:考虑到无障碍性(accessibility),软键盘应支持...

    鼠标滚轮切换图片js特效.zip

    当用户滚动鼠标滚轮或按下键盘的左、右箭头键时,JavaScript监听到这些事件,并根据事件触发相应的函数。这些函数负责图片的切换,包括加载新的图片、淡入淡出效果、图片位置调整等。这种效果通常用于图片相册或展示...

    H5实现的类似微信和支付宝的6格安全支付密码数字键盘

    在这个项目中,JavaScript将用于创建键盘布局,监听用户点击事件,以及验证输入的密码是否符合六位数字的要求。此外,可能还会用到DOM(文档对象模型)操作,用于在页面上动态生成和修改元素。 "dadakey"这个组件库...

    easyui datagrid 键盘上下控制选中行示例

    `keyCtr`方法的主要作用是将Datagrid面板转化为可聚焦元素,并监听键盘事件,特别是上箭头(38)和下箭头(40)键。 让我们详细分析`keyCtr`的实现: 1. `return jq.each(function () {...})`: 这个结构用于遍历...

    grid_javascript-jquery

    利用媒体查询 (`@media`) 和 Flexbox 或 CSS Grid 的自适应特性,我们可以确保网格在手机、平板电脑和桌面设备上都能正常显示。 3. **Dynamic Loading**: 当数据量大时,可以采用分页或滚动加载机制。JavaScript ...

    h5长按短按双击模块化

    这可以通过监听`touchstart`并设置一个定时器来实现,当用户手指保持在屏幕上的时间超过特定阈值时触发长按事件。 - **双击事件**:双击事件用于执行二级操作,例如放大图片。在JavaScript中,可以通过连续两次监听...

    js幻灯片左右上下滚动

    JavaScript幻灯片是一种常见的网页元素,用于展示一系列图像或内容,通常以自动或用户交互的方式在页面上滑动切换。这种效果可以增加网站的视觉吸引力,同时也可以有效地展示大量信息而不占据过多空间。"js幻灯片 ...

    自适应宽度的标签导航.rar

    这可能需要添加`tabindex`属性,以及在JavaScript中处理键盘事件。 7. **响应式图标**:如果标签中包含图标,应使用矢量图形(如SVG),它们可以无损缩放,适应各种屏幕尺寸。 8. **测试与调试**:在开发过程中,...

    css+javascript图片滚动展示

    3. 键盘导航支持:增加键盘事件监听,如使用左、右箭头进行翻页,提高可访问性。 4. 兼容性测试:确保CSS和JavaScript代码在主流浏览器上都能正常运行。 总结,本程序通过CSS和JavaScript的结合,创建了一个功能...

    wpf实现滑动侧边栏源码

    这可以通过添加事件处理程序来完成,例如,当用户点击一个按钮或按下键盘上的热键时,触发侧边栏的滑动效果。这可以通过改变侧边栏的Width属性和Visibility属性来实现,同时可以配合使用动画效果,使得滑动更自然...

    用java写的俄罗斯方块

    比如,键盘监听器(KeyListeners)用于捕捉玩家的键盘输入,控制方块的移动和旋转;按钮监听器(ActionListeners)可以用于开始、暂停或重置游戏。此外,多线程技术也可能被应用,以确保游戏运行和用户交互的流畅性...

    JS实现电脑虚拟键盘的操作

    JS实现电脑虚拟键盘的操作涉及到多个技术点,包括HTML页面布局、...在JavaScript方面,通过监听和处理事件来实现动态的键盘显示和输入处理。所有这些技术点结合在一起,才能构建出一个流畅、易于使用的虚拟键盘体验。

    漂亮的半透明计算器

    开发者可能会使用浮动、定位或者Flexbox或Grid布局来组织计算器的界面,使其在不同屏幕尺寸下都能保持良好的显示效果。 在计算逻辑方面,JavaScript的数学运算符(如+、-、*、/)和函数(如Math.pow用于求幂,Math....

    使用WPF实现类似百度、钉钉的搜索框

    WPF本身不直接提供软键盘,但可以通过监听`TextBox`的`GotFocus`和`LostFocus`事件,结合自定义逻辑来模拟这个功能。 3. **创建下拉菜单**:为了展示搜索历史或建议,我们需要一个`Popup`控件,它可以在需要时打开...

    自适应浏览器宽度的通栏banner图片切换效果.zip

    4. **事件监听**:为了在用户交互时触发图片切换,如点击导航按钮或自动定时切换,开发者会添加事件监听器。例如,使用`addEventListener`监听`click`事件,或者设置定时器实现自动轮播。 5. **图片懒加载**:为了...

    js做的一个打字的程序及flash的转写

    这可能涉及到CSS的媒体查询(media queries)和Flexbox或Grid布局技术,确保在手机、平板和电脑上都有良好的显示效果。 9. **用户交互统计**:为了追踪用户的学习进度,可以记录打字速度、正确率等数据,然后通过...

Global site tag (gtag.js) - Google Analytics