可以使用jquery(.jeditable)自动下拉选择列表吗?

时间:2011-03-08 21:03:40

标签: jquery jeditable

我有一个JSP页面,它根据我的servlet中的表数据构建一个屏幕。我正在使用display tag来格式化表数据,并使用jquery.jeditable来使某些单元格可以编辑给用户。

其中一个单元格是选项(下拉列表)选项。现在,选择工作,但为了使用它,它需要过多的点击和击键:

1)在框中单击以使其可编辑, 2)单击向下箭头以查看选项列表, 3)选择一个选项, 4)点击“enter”保存我选择的选项, 5)最后,点击标签,箭头键或其他东西移出现场。

我想消除其中的一些步骤,特别是2和4.这就是我要找的东西:

单击单元格[或者我通过jquery.trigger('click')模拟点击),显示下拉列表,用户使用箭头键选择他们想要的选项2)用户按Enter键或Tab键离开该字段,保存所选选项。如果选择esc而不是enter / tab,则单元格将恢复为原始值。

在我花费数小时试图完成这项工作之前,是否有一个jquery插件可以帮我完成这项工作?对于解决方案的任何指示,我都非常感激。

1 个答案:

答案 0 :(得分:1)

我正在努力解决同样的问题。据我所知,没有办法强制浏览器下拉/选择框以“扩展”状态启动,也没有办法强制通过javascript扩展...:P

到目前为止,我提出的最佳解决方案是手动设置下拉菜单的风格,使其看起来像是已经添加了可编辑的可编辑插件,而实际上它只是一个常规的下拉列表。这为我们提供了一键打开功能。保存表单提交(我做什么),或.change()。

我知道这是一个低于标准的解决方案,但我希望它有所帮助!如果我找到更好的东西,我会在这里更新。


我想一个不同的解决方案是修改jeditable插件本身以使用基于jquery的下拉列表(可以以'扩展'形式打开)而不是内置的浏览器下拉列表...仍然不理想,但它是一个选项!