zoukankan      html  css  js  c++  java
  • Bootstrap table 行编辑导航

    /*开启表格编辑方向键导航
    方向键(←): 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:
            }
        });
    }
  • 相关阅读:
    Ubuntu
    VSCode
    VSCode
    Astyle
    Qt
    待办
    Qt
    Qt
    Qt
    python pip常用命令、配置pip源
  • 原文地址:https://www.cnblogs.com/tangchun/p/10757275.html
Copyright © 2011-2022 走看看