Bootstrap table 行编辑导航
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap table 行编辑导航
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
/*開(kāi)啟表格編輯方向鍵導(dǎo)航
方向鍵(←): VK_LEFT (37)
方向鍵(↑): VK_UP (38)
方向鍵(→): VK_RIGHT (39)
方向鍵(↓): VK_DOWN (40)
*/
function OpenTableEditKeyNavigation() {$(document).on("keyup", "tr.editable-select input", function (event) {var keyCode = event.keyCode;var $this = $(this);switch (keyCode) {case 37://向左case 39://向右var $trInputs = $this.parents("tr.editable-select").find("input[type!='hidden']");var curInputIndex = $trInputs.index($this);var nextIndex = keyCode == 37 ? (curInputIndex - 1) : (curInputIndex + 1);if (nextIndex===-1) {nextIndex = $trInputs.length - 1;}else if (nextIndex === $trInputs.length) {nextIndex = 0;}$trInputs[nextIndex].focus();break;case 38://向上case 40://向下var $curTr = $this.parents("tr.editable-select");var $trs = $curTr.parents("tbody").find("tr");var $trInputs = $curTr.find("input[type!='hidden']");var curInputIndex = $trInputs.index($this);var curTrIndex = $curTr.index();var nextIndex = keyCode === 38 ? (curTrIndex - 1) : (curTrIndex + 1);if (nextIndex === -1) {nextIndex = $trs.length - 1;}else if (nextIndex === $trs.length) {nextIndex = 0;}var nextTr = $trs[nextIndex];if (nextTr) {nextTr.click();$(nextTr).find("input")[curInputIndex].focus();}break;default:}});
}
?
轉(zhuǎn)載于:https://www.cnblogs.com/tangchun/p/10757275.html
總結(jié)
以上是生活随笔為你收集整理的Bootstrap table 行编辑导航的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: cookie和session的讲解
- 下一篇: Can not issue data m