在Grid上增加键盘监听事件

最新推荐文章于 2024-11-09 00:53:03 发布

原创最新推荐文章于 2024-11-09 00:53:03 发布 · 689 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #c# #ViewUI

ExtJS 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用ExtJS实现的GridView快捷键导航功能，通过监听键盘事件并进行处理，使得用户可以通过键盘输入字母来快速定位到表格中相应首字母的行。

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;
    },