Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >基于箭头键的剑道网格导航

基于箭头键的剑道网格导航
EN

Stack Overflow用户
提问于 2018-03-20 02:24:19
回答 2查看 1.4K关注 0票数 0

我正在尝试使用箭头键在Kendo网格中启用导航。我见过一些例子,其中箭头键只用于在可编辑的单元格之间导航。我的kendo网格中有50+列,其中20+单元格是可编辑的。我已经在数据库中创建了一个按键事件,它只对可编辑的单元格很好地工作。如果移动到不可编辑的单元格,则按下事件不起作用。

电流工作逻辑:

左右箭头键仅在可编辑单元格内工作。一旦我们到达不可编辑的细胞,它就不工作了。

理想工作逻辑

当我们按箭头键(如果单元格是可编辑的)时,它应该进入编辑模式;如果单元格不可编辑,焦点应该保持不变;当我们按左/右键时,光标应该移动到prev/next单元格。

我创建了一个telerik dojo

UPDATE这个Dojo按预期在IE中工作。但在铬合金中,它不起作用。基本上,Right arrow key应该像TAB键那样工作,Left Arrow key应该像SHIFT+TAB那样工作。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-02 23:21:52

最后,我们可以通过为单元格提供tabIndex来解决这个问题。基本问题是TRTD不会触发按键事件。在为TD设置TABINDEX之后,我们按下事件将被触发,其余的进程将继续进行。我已经更新了Telerik Dojo

注意:我们已经删除了用于数字输入的旋转器,因此当向上/向下箭头按下时,不会更改值。

票数 0
EN

Stack Overflow用户

发布于 2018-03-24 15:33:37

尽管这并不是特别推荐的,但是当"tabing“时跳过不可编辑的单元格如何?

您将绑定网格中表上的keydown事件。它可以调用这样的函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function onGridKeydown(e){
  if (e.keyCode === kendo.keys.TAB) {
    var grid = $(this).closest("[data-role=grid]").data("kendoGrid");
    var current = grid.current();
    if (!current.hasClass("editable-cell")) {
      var nextCell = current.nextAll(".editable-cell");
      if (!nextCell[0]) {
        //search the next row
        var nextRow = current.parent().next();
        var nextCell = current.parent().next().children(".editable-cell:first"); 
      } 
      grid.current(nextCell);
      grid.editCell(nextCell[0])
    }
  } 
};

当然,这只解决了寻找下一个所需单元格的部分问题。这个答案可能会引导您走向正确的方向(抱歉,没有使用您的dojo项目)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49381688

复制
相关文章
deepmind网格导航论文
Vector-based navigation using grid-like representations in artificial agents 论文: https://pan.baidu.
CreateAMind
2018/07/20
4360
基于任务的导航设计
对于不同平台导航的交互形式与视觉样式,相信有不少的文章来介绍与总结。本文所介绍的是关于导航规划思路。一个比较小众的领域,基于任务的导航(Task based Navigation)。 目前产品主要使用基于对象的导航和基于任务的导航。相对来说的,纯粹的基于对象的导航的较为常见,但纯粹的基于任务的导航的产品却为数不多。不少业务复杂的产品会考虑混合使用这两种导航,主辅结合来尽可能覆盖用户的使用场景。 如何区分导航的组织方式? 最简单的的区分法,关注导航标签的命名方式。基于对象的导航,通常使用名词作为导航标签,标签
腾讯大讲堂
2018/02/12
6690
基于任务的导航设计
机器学习:基于网格的聚类算法
本文介绍了数据挖掘中的聚类算法,包括K-means、WaveCluster、DBSCAN等算法,以及这些算法的应用案例。同时,也对各种聚类算法的优缺点进行了比较分析。
张蓓
2017/06/14
14.6K1
机器学习:基于网格的聚类算法
AI小知识-基于网格的聚类
基于网格的聚类简介:
用户3578099
2019/08/15
5020
AI小知识-基于网格的聚类
基于任务的导航设计 - 腾讯ISUX
对于不同平台导航的交互形式与视觉样式,相信有不少的文章来介绍与总结。本文所介绍的是关于导航规划思路。一个比较小众的领域,基于任务的导航(Task based Navigation)。 目前产品主要使用基于对象的导航和基于任务的导航。相对来说的,纯粹的基于对象的导航的较为常见,但纯粹的基于任务的导航的产品却为数不多。不少业务复杂的产品会考虑混合使用这两种导航,主辅结合来尽可能覆盖用户的使用场景。 如何区分导航的组织方式? 最简单的的区分法,关注导航标签的命名方式。基于对象的导航,通常使用名词作为导航标签,标签
腾讯ISUX
2018/06/29
5260
Nature再发DeepMind研究:AI复现大脑网格细胞模拟导航!
---- 新智元报道 来源:DeepMind 编辑:肖琴 【新智元导读】今天,DeepMind在Nature上发表的一篇论文引起AI领域和神经科学领域的极大震撼:AI展现出与人脑“网格细胞”高度一致的空间导航能力。这项发现有助于AI的可解释性和把神经科学作为新算法的灵感来源的重要意义。 大多数动物,包括人类,都能够灵活地驾驭他们生活的世界——在新的地方探索,迅速返回到记忆中的地方,同时能够“抄近路”。这些能力如此简单和自然,以至于很少人在意其底层流程究竟有多复杂。相比之下,虽然AI在围棋等许多任务超
新智元
2018/05/29
6020
基于JQuery实现电梯导航特效
分享一个基于JQuery实现的电梯导航效果,效果如下: 以下是代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="ut
越陌度阡
2020/11/26
4.6K0
基于JQuery实现电梯导航特效
基于给定的参数值在网格上计算GMM。
Q3_final.m % Question 3 | Take Home Exam #3 % Anja Deric | February 24, 2020 clear all; close all; clc; %% Part 1 n=2; experiments = 100; N = [10 100 1000]; % number of iid samples num_GMM_picks = zeros(length(N),6); for i = 1:experiments % True m
裴来凡
2022/05/28
4530
基于给定的参数值在网格上计算GMM。
基于图像的单目三维网格重建
代码地址:https://github.com/ShichenLiu/SoftRas
3D视觉工坊
2020/12/11
1.2K0
基于图像的单目三维网格重建
FTXUI基础笔记(hello world)
程序如下,构建单个框架,需要创建一个 ftxui::Element,并将其显示在 ftxui::Screen 上。
zhangrelay
2022/08/10
1.3K0
FTXUI基础笔记(hello world)
【代码详解】Python实现基于双边网格的实时双边滤波
我近期发表了一篇文章79. 三维重建14-立体匹配10,经典视差优化算法Fast Bilateral-Space Stereo
HawkWang
2022/11/30
8440
【代码详解】Python实现基于双边网格的实时双边滤波
独家 | Tableau使用窍门:轻松学会设计仪表板
如果你参加过仪表板大全(Big Book of Dashboards)的专题会、发表会、或网络研讨会,那么你肯定已经听作者们(包括我自己)谈论到网格设计的重要性。这个功能我一直在期待,并且期待了很久,现在终于等到了。Tableau为仪表板布局增加了这个新的网格选项。在菜单中选择“仪表板”(“Dashboard”),然后再选择“显示网格”(“Show Grid”)。就是这么简单。
数据派THU
2018/12/04
2.3K0
独家 | Tableau使用窍门:轻松学会设计仪表板
VLN: 基于全局对比训练的视觉-语言导航方法
每天给你送来NLP技术干货! ---- 来自:CAAI认知系统与信息处理专委会 视觉-语言导航任务(Vision-Language Navigation, VLN)是指在陌生环境中,无人系统依据语言指示和观测图像之间的跨模态匹配信息,进行自主智能路径导航的方法。不同于前进、后退等简单操控指令,VLN采用类似人人交互的语言指示,比如“走出右侧大门,穿过卧室和客厅,在绿色地毯上的餐桌旁停下”。VLN是一种新型的跨模态智能人机交互方法,能够极大地提升无人系统的自主能力,能够为无人系统走向实用提供关键技术支撑。 序
zenRRan
2022/07/18
1.4K0
VLN: 基于全局对比训练的视觉-语言导航方法
PythonRobotics | 基于python的机器人自主导航
本文描述了一个开源软件(OSS)项目:PythonRobotics。这是一组用Python编程语言实现的机器人算法。该项目的重点是自主导航,目标是让机器人初学者了解每个算法背后的基本思想。
一点人工一点智能
2022/12/27
8980
PythonRobotics | 基于python的机器人自主导航
基于Matlab的有限元网格自动生成算法 | Q4、Q8、Abaqus单元网格
单元网格的形成实际上属于有限元计算中的前处理部分,即确定单元节点信息,当模型较为复杂时,用户可在Abaqus、Ansys等大型商业有限元软件中进行建模,导出网格信息。
CAE学习笔记
2023/02/09
1.4K0
基于Matlab的有限元网格自动生成算法 | Q4、Q8、Abaqus单元网格
激光导航和slam导航区别_激光导航和视觉导航的区别
基本原理 关于机器人运动控制系统架构,在《ros by example》 chapter 7一章第二节中介绍了控制机器人的5个层次,从低到高依次是:motor controllers anddrivers-> ROS base controller ->Frame-Base Motion(move_base)->Frame-Base Motion(gmapping + amcl)->Semantic Goals。总结起来如下图所示:
全栈程序员站长
2022/09/24
2.5K0
激光导航和slam导航区别_激光导航和视觉导航的区别
【数据网格】应用数据网格
逐步从单一数据湖转移到分散的 21 世纪数据网格。 (另请查看后续文章:三种数据网格)
架构师研究会
2022/09/26
1.4K0
【数据网格】应用数据网格
如何使用Midnight Commander,一个可视文件管理器
对于初学者来说,使用命令行工具来管理Linux服务器上的文件的方式可能是令人生畏的,耗时的,有时甚至是会带来风险的。而资深使用者会希望切换到更合适的工具来处理不同位置的文件和目录。基于文本用户界面(TUI)的文件管理器,Midnight Commander,是一个可以同时帮助Linux初学者和资深使用者的工具。
PantaZheng
2018/09/03
9K0
如何使用Midnight Commander,一个可视文件管理器
【前端艺术】超酷圆形导航菜单特效(基于SVG)
这是一款基于SVG的超酷圆形导航菜单特效。该导航菜单通过SVG进行布局,然后通过js和CSS代码来在鼠标hover菜单时,制作菜单项的动画效果。
用户5997198
2019/08/09
1.7K0
【前端艺术】超酷圆形导航菜单特效(基于SVG)
点击加载更多

相似问题

剑道网格-如何通过箭头键导航行?

10

基于DropdownList的剑道网格

13

基于MultiSelect的剑道网格MultiSelect

14

基于Ajax的剑道网格更新

22

剑道网格自定义导航

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文