请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

李仔文

注册会员

7

主题

14

帖子

51

积分

注册会员

积分
51
李仔文
注册会员   /  发表于:2024-2-1 19:00  /   查看:447  /  回复:9
10金币
本帖最后由 Lynn.Dou 于 2024-2-6 14:03 编辑

image.png525665282.png
有一个需求是当我在標準仕入単価的输入框按下tab键时焦点应该跳转到免税除外区分而不是跳转到在庫評価単価履歴这个SpreadJS表格中,这个怎么设置?
  1. spread.commandManager().register('selectNextControl', GC.Spread.Sheets.Commands.selectNextControl, GC.Spread
  2. .Commands.Key.tab, false, false, false, false);
  3. spread.options.hideSelection = true;
  4. spread.commandManager().setShortcutKey(null, GC.Spread.Commands.Key.del, false, false, false, false);
复制代码
这样写虽然能跳出SpreadJS但是第一次按下tab键焦点仍然会出现到如图所示的位置显示一个绿色的框,需要再次按下tab键才会跳出SpreadJS
我想要直接跳过这个SpreadJS表格,实现类似于html在tabindex=-1的效果


image.png336656493.png

最佳答案

查看完整内容

您好,在vue3中创建input框,复选框以及SpreadJS或者Designer组件,在SpreadJS或者Designer组件中添加tabindex="-1"是可以实现您的需求的,具体代码参考附件:

9 个回复

倒序浏览
最佳答案
最佳答案
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2024-2-1 19:00:44
来自 11#
您好,在vue3中创建input框,复选框以及SpreadJS或者Designer组件,在SpreadJS或者Designer组件中添加tabindex="-1"是可以实现您的需求的,具体代码参考附件:

vue3.zip

10.29 KB, 下载次数: 44

回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2024-2-2 11:11:01
2#
您好,“免税除外区分”是sheet吗还是按钮?input输入框是在SpreadJS中吗?为了更好帮您解决问题,是否可以上传下您的文件呢?
回复 使用道具 举报
李仔文
注册会员   /  发表于:2024-2-2 11:29:02
4#
Ellia.Duan 发表于 2024-2-2 11:11
您好,“免税除外区分”是sheet吗还是按钮?input输入框是在SpreadJS中吗?为了更好帮您解决问题,是否可以 ...

免税除外区分时input输入框复选框,我想按下tab直接从標準仕入単価的INPUT输入框跳转到免税除外区分这个复选框按钮而不是让焦点进入spreadJs的表格,让整个spreadJs表格不参与到整个tab顺序中去,免税除外区分和標準仕入単価都是vuetify的元素,因为项目保密不能上传文件
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2024-2-2 11:54:50
6#
您好,根据您的回复,猜测input框和复选框中间间隔了SpreadJS控件,为此我做了一个测试demo ,在SpreadJS的dom元素上添加tabindex="-1"
相关代码如下:
image.png935405883.png
但是,点击input键之后,按下Tab键,焦点在复选框上,没有跳到SpreadJS控件中,
参考下面的动图

tab.gif
回复 使用道具 举报
李仔文
注册会员   /  发表于:2024-2-2 17:04:26
7#
Ellia.Duan 发表于 2024-2-2 11:54
您好,根据您的回复,猜测input框和复选框中间间隔了SpreadJS控件,为此我做了一个测试demo ,在SpreadJS的d ...

<div style="border: 1px solid grey; width: 350px" v-show="showWakoKbn(wakoKbn,'key094')">
                      <gc-spread-sheets id="spreadJs-sheet" :hostClass="hostClassKakaku"
                        @workbookInitialized="initWorkbookZhyokaTanka" :showVerticalScrollbar="true"
                        :tabStripRatio="0.5" :tabStripVisible="false" :allowContextMenu="false">
                      </gc-spread-sheets>
                    </div>采用的时标签的形式,不是div的形式这种怎么修改
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2024-2-2 18:14:19
8#
您好,需要调研下在框架中如何使用tabIndex
回复 使用道具 举报
李仔文
注册会员   /  发表于:2024-2-2 18:21:39
9#
Ellia.Duan 发表于 2024-2-2 18:14
您好,需要调研下在框架中如何使用tabIndex

好的,谢谢
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2024-2-4 11:48:10
10#
不客气,还在调研中,待有进展会及时联系您。
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2024-2-18 13:57:42
12#
一直没有看到您回复,这个帖子先结帖了。如果还有问题,欢迎继续回帖沟通
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部