2011-03-08 72 views
2

我有一個JSP頁面,它基於來自我的servlet的表數據構建一個屏幕。我使用顯示標籤來格式化表格數據,而jquery.jeditable可以讓用戶編輯某些單元格。是否可以使用jQuery(.jeditable)自動下拉選擇列表?

其中一個單元格是select(下拉)選項列表。現在,選擇工作,但爲了使用它,它需要過多的點擊和擊鍵次數:

1)點擊框以使其可編輯, 2)單擊向下箭頭查看列表的選項, 3)選擇一個選項, 4)點擊「enter」保存我選擇的選項, 5)最後,點擊標籤,箭頭鍵或其他的東西移出現場。

我想,以消除其中的一些措施,特別是2和4。這裏就是我在尋找:一旦

當電池點擊[或者如果我模擬通過jQuery的點擊。觸發('點擊')],顯示下拉列表,用戶使用箭頭鍵選擇他們想要的選項,以及2)用戶點擊輸入或選項卡離開該字段,保存選定的選項。如果選擇esc而不是enter/tab,則單元格將恢復到其原始值。

在我花費數小時試圖完成這項工作之前,有沒有一個jquery插件可以爲我完成這項工作?我非常感謝任何解決方案的指針。

回答

1

我試圖解決同樣的問題。據我所知,沒有辦法迫使瀏覽器下拉/選擇框在'擴展'狀態開始,也沒有辦法強制一個通過javascript擴展...:P

最好的我到目前爲止所提出的解決方案是手動設置下拉菜單的樣式,使其看起來像已經添加了可編輯的原位插件,而實際上它只是一個常規下拉菜單。這爲我們提供了一鍵式打開功能。保存表單提交(我所做的)或.change()。

我知道這是一個子解決方案,但我希望它有幫助!如果我找到更好的東西,我會在這裏更新。


我想不同的解決辦法是修改jeditable插件本身使用一個基於jQuery的下拉列表(可以打開「擴展」的形式),而不是內置的瀏覽器下拉......還沒理想,但它是一種選擇!

相關問題