Проверьте перекрытие таблицы с помощью JavaScript и jQuery - PullRequest
Новая
       8

Проверьте перекрытие таблицы с помощью JavaScript и jQuery

0 голосов
/ 14 декабря 2018

Я разрабатываю веб-приложение с расписанием, и у меня возникли некоторые проблемы с ним.Когда я щелкаю по кнопке, данные строки попадают в таблицу, в которой я установил таблицу «выбранный предмет».

И я хочу сделать это, если код субъекта уже есть в выбранной теме, предупредить сообщение и предотвратить вводданные во вторую таблицу.

В первый раз я подумал Когда я нажимаю кнопку добавления, создаю массив и помещаю данные кода субъекта, и каждый раз, когда я нажимаю кнопку добавления, проверяю массив, если темакод уже там или нет.

И вот мой код. 

// Add Subject Button Click Event
$('.checkBtn').click(function () {
    let checkBtn = $(this);

    let tr = checkBtn.parent().parent();
    let td = tr.children();

    let table = document.getElementById('subjectSelectBody');
    let row = table.insertRow();

    let subjectCode = row.insertCell(0);
    let subjectName = row.insertCell(1);
    let credit = row.insertCell(2);
    let major = row.insertCell(3);
    let day = row.insertCell(4);
    let time = row.insertCell(5);
    let deleteButton = row.insertCell(6);

    // Get Select Tag data
    let subject = td.eq(0).text();
    let x = document.getElementById(subject).value;


    // put data into second table (selected table)
    subjectCode.innerHTML = td.eq(0).text();
    subjectName.innerHTML = td.eq(1).text();
    credit.innerHTML = Number(td.eq(2).text());
    major.innerHTML = td.eq(3).text();
    day.innerHTML = x;
    time.innerHTML = td.eq(5).text();
    deleteButton.innerHTML = "<button>delete</button>";

    // When clicks delete button, remove the data from second table
    $('button').click(function () {
        $(this).parents('tr').first().remove();
    });

    // Create subject add Array to check overlap
    let sbjCodeArr=new Array();
    sbjCodeArr.push(td.eq(0).text());
    console.log(sbjCodeArr);

    // Total Array to deliver to server
    let tdArr = [td.eq(0).text(), td.eq(1).text(), Number(td.eq(2).text()), td.eq(3).text(), x, td.eq(5).text()];
    console.log(tdArr);
})

Main

...