jQuery MiniUI

标题: combobox如何获取焦点并且按下键可以展开选项 [打印本页]

作者: 牛牛牛    时间: 2015-10-12 14:42:34     标题: combobox如何获取焦点并且按下键可以展开选项

<input id="test" class="mini-combobox" allowInput="true" valueField="value" panelHeight='auto' />
mini.get("test").focus();无效
我需要聚焦到combobox上并且按↓键的时候选项展开。
[attach]6681[/attach]
像这样光标在上面。



作者: felt    时间: 2015-10-12 15:36:52

延时处理,稍微加点延时
setTimeout
作者: 牛牛牛    时间: 2015-10-13 00:43:15

felt 发表于 2015-10-12 15:36
延时处理,稍微加点延时
setTimeout

我写的是js键盘事件,按下Tab键if(event.keyCode==9){mini.get(id).focus();}聚焦到指定id上,但是combobox和日期控件都自动聚焦到下一个控件。例如if(event.keyCode==9){mini.get("id1").focus();},按下Tab键,如果id1是combobox或者日期的话,就会聚焦到id2不知道我描述的是否清楚。
作者: 牛牛牛    时间: 2015-10-13 01:17:57

felt 发表于 2015-10-12 15:36
延时处理,稍微加点延时
setTimeout

另外关于combobox选项聚焦自动展开,easyUI有$(this).combobox('showPanel'),不知道miniui是否有类似的方法?谢谢!
作者: dforce    时间: 2015-10-13 09:22:34

牛牛牛 发表于 2015-10-13 01:17
另外关于combobox选项聚焦自动展开,easyUI有$(this).combobox('showPanel'),不知道miniui是否有类似的方 ...

和html的控件一样,本身各种输入框按tab键就会切换
mini.get(id).showPopup()可以主动打开下拉框

作者: 牛牛牛    时间: 2015-10-13 10:31:11

dforce 发表于 2015-10-13 09:22
和html的控件一样,本身各种输入框按tab键就会切换
mini.get(id).showPopup()可以主动打开下拉框
...

十分感谢!
作者: 牛牛牛    时间: 2015-10-13 10:44:23

本帖最后由 牛牛牛 于 2015-10-13 10:45 编辑
dforce 发表于 2015-10-13 09:22
和html的控件一样,本身各种输入框按tab键就会切换
mini.get(id).showPopup()可以主动打开下拉框
...

tab键切换是可以的,但是如果我要从一个输入框跳到另一个输入框,中间隔了几个略过,如从id1直接跳到id5,如果id5是textbox的话就可以mini.get(id5).focus(),但是如果id5是combobox或者date的话,按tab就会跳到id6
作者: dforce    时间: 2015-10-13 11:27:44

牛牛牛 发表于 2015-10-13 10:44
tab键切换是可以的,但是如果我要从一个输入框跳到另一个输入框,中间隔了几个略过,如从id1直接跳到id5, ...

提供页面重现,高级模式可以上传文件
作者: 牛牛牛    时间: 2015-10-13 13:02:33

dforce 发表于 2015-10-13 11:27
提供页面重现,高级模式可以上传文件

[attach]6683[/attach]
不是很懂怎么弄,贴一下关键代码行吗?辛苦了!

作者: dforce    时间: 2015-10-13 13:09:57

牛牛牛 发表于 2015-10-13 13:02
不是很懂怎么弄,贴一下关键代码行吗?辛苦了!

setTimeout(function(){
                                mini.get("zjlx").focus(); //这里focus到了证件号码
                                },0)
作者: 牛牛牛    时间: 2015-10-13 14:09:44

dforce 发表于 2015-10-13 13:09
setTimeout(function(){
                                mini.get("zjlx").focus(); //这里focus到了证件号码
                                },0)

谢谢!我延时加错地方了!




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2