keyboard navigation does not work

keyboard navigation does not work

tecfenixtecfenix Posts: 2Questions: 1Answers: 0

Link to test case:
http://35.231.189.140/test_inline_keytable.html
Debugger code (debug.datatables.net):

    var grid_F102BYY010editor;
    $(document).ready(function () {
        grid_F102BYY010editor = new $.fn.dataTable.Editor({
            table: "#tb_grid_F102BYY010",
            fields: [{ label: "Description", name: "F102BYF010DESC", editField: "F102BYF010DESC"
            }, { type: "select", options: [{     "value": "",     "label": "None" }, {     "value": "00190b2d-a8f4-8255-49bd-d197c4a53ed5",     "label": "STEVE JOBS" }, {     "value": "001c247e-a8f4-8592-4e67-962f4dea0a42",     "label": "BILL GATES" }], label: "Business Partner", name: "F101AYF040CUIR", editField: "F101AYF040CUIR"
            }, { type: "select", options: [{     "value": 1,     "label": "Active" }, {     "value": 9,     "label": "Inactive" }], label: "Status", name: "F000AF000SREG", editField: "F000AF000SREG"
            },]
        });
   
        var table_grid_F102BYY010 = $('#tb_grid_F102BYY010').DataTable({
            lengthMenu: [[10, 20, 50, 100, -1], ["10", "20", "50", "100", "All"]],
            pageLength: 20,
            ajax: 'arrays.txt',
            keys: { editor: grid_F102BYY010editor},
            select: { style: 'os'},
            columns: [{ name: "F102BYF010ZVEN", "data": "F102BYF010ZVEN", title: "Code", sortable: true, fformat: 's', visible: true
            }, { name: "F102BYF010DESC", "data": "F102BYF010DESC", className: "editable", title: "Description", sortable: true, fformat: 's', visible: true
            }, { name: "F101AYF040CUIR", "data": "F101AYF040CUIR", className: "editable", title: "Business Partner", sortable: true, fformat: 's', visible: true, "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {     if (!isUndefined(sData) && sData.toString() === '') {         $(nTd).html("None");         return;     }     if (!isUndefined(sData) && sData.toString() === '00190b2d-a8f4-8255-49bd-d197c4a53ed5') {         $(nTd).html("BILL GATES");         return;     } }
            }, { name: "F000AF000SREG", "data": "F000AF000SREG", className: "editable", title: "Status", sortable: true, fformat: 's', visible: true, "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {     if (!isUndefined(sData) && sData.toString() === '1') {         $(nTd).html("Active");         return;     }     if (!isUndefined(sData) && sData.toString() === '9') {         $(nTd).html("Inactive");         return;     } }
            }, { name: "F000AF000FACT", "data": "F000AF000FACT", title: "Update Date", sortable: true, fformat: 'dt', visible: true
            }, { name: "F000AF000FPRO", "data": "F000AF000FPRO", title: "Date Process", sortable: true, fformat: 'dt', visible: true
            }, {  name: "F000AF000CUIR","data": "F000AF000CUIR", title: "", sortable: true, fformat: 's', visible: false
            }],
        });
     $('#tb_grid_F102BYY010').on('click', 'tbody td.editable', function (e) {
            grid_F102BYY010editor.inline(table_grid_F102BYY010.cell(this).index(), { buttons: {     label: 'Save',     fn: function () {         this.submit();     } }});
        });
    });
    function isUndefined(value) {if (value === null) {return true;}return (typeof value === "undefined" || value == "undefined");}

Error messages shown:
Description of problem:
Good afternoon, I am using the datatable and I cannot find a way to make KeyTable work, I am attaching part of my javascript code where I generate the datatables

Answers

  • tecfenixtecfenix Posts: 2Questions: 1Answers: 0

    I found the problem, it was loading the jquery.hotkeys plugin and this prevented the KeyTable from working properly

Sign In or Register to comment.