Как создать кнопки страницы для контроля количества строк таблицы - PullRequest
Новая
       50

Как создать кнопки страницы для контроля количества строк таблицы

0 голосов
/ 13 сентября 2018

Мой код Javascript основан на выбранном случае. Я получаю коллекцию артефактов, из которых я динамически строю таблицу. Я хочу ограничить количество строк и кнопки для циклического перемещения по списку, но изо всех сил пытались выяснить, как. Любая помощь будет оценена. 

<div class="divTable blueTable" id='myTable'>
  <div class="divTableHeading">
    <div class='divTableRow' id='hotlistRow'>
        <div class="divTableHead">Edit</div>
        <div class="hidden">ID</div>
        <div class="divTableHead">Item</div>
        <div class="divTableHead">Museum Name</div>
        <div class="divTableHead">POC</div>
        <div class="divTableHead">Delete</div>
    </div>
  </div>
  <div class="divTableBody" id='tableBody'>

  </div>
</div>

Мой код Javascript: 

function showSelection()
{
    var artifactList = [];
    var ndx = document.getElementById('getCases').selectedIndex;
    artifactList = crlist._collectionCase[ndx -1]._artifacts;
    var tableBody = document.getElementById( 'tableBody' );
    if (artifactList) 
    {
        var cellrow = "";
        var row = 0;
        for (var i = 0; i < artifactList.length; i++) {
            row = row + 1;

            var rowText = "<div class='divTableRow' id='data'>" +
                "<div class='divTableCell'>" + 
                    "<label>" +
                        "<input type='radio' id='optradio'  name='optradio' onclick='editArtivact(" + row + ");'>" +
                    "</label>" + 
                "</div>" +
                "<div class='divTableCell hidden' >" + artifactList[i]._Id + "</div>" + 
                "<div class='divTableCell' >" + artifactList[i]._Item + "</div>" +  
                "<div class='divTableCell'>" + artifactList[i]._Name + "</div>" +
                "<div class='divTableCell'>" + artifactList[i]._Poc + "</div>" +
                "<div class='divTableCell'>" + 
                    "<label>" +
                        "<input type='radio' id='delradio'  name='optradio1' onclick='deletePlate(" + row + ");'>" +
                    "</label>" + 
                "</div>" +
            "</div>";
            cellrow = cellrow + rowText;
        }
        tableBody.innerHTML = cellrow;
    } else
    {
        tableBody.innerHTML = "";
    }
}
...