Флажок в табуляторе - PullRequest
Новая
       14

Флажок в табуляторе

0 голосов
/ 29 мая 2019

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

Я добавил отдельную переменную флажка для вызова: 

            var checkboxIcon = function(cell, formatterPatterns) {
            return "<input type='checkbox' name='checkbox' class='fileCompare_Chkbx' style='margin-left:4px;' />";
          };

Вот так выглядит код столбца моего табулятора: 

             columns:[
            {title:"<input type='checkbox' id='files_select_all' />", formatter:checkboxIcon, width:70, headerSort:false},
            {title:"Source Folder Files", field:"sourceFilesName", width:500, headerSort:false, editor:autocompEditor},
            {title:"Target Folder Files", field:"targetFilesName", width:500, headerSort:false, editor:autocompEditor}
           ],

Кроме того, я хочу знать, как я могу получить каждое значение флажка, выбранного пользователем, чтобы поместить их в массив. Пожалуйста, помогите.

1 Ответ

0 голосов
/ 29 мая 2019

, если вы хотите получить проверенное значение флажка, вы можете использовать это 

for(i=0;i<len;i++)
{
    if(x[i].checked)
        console.log("i'am checked" + i)
}

x = document.getElementsByName("checkbox");

как для выбора всех и отмены выбора всех элементов

установите флажок select All и выберите / отмените выбор всех элементов на его основе 

i=1    
if(x[0].checked && x[0].value==="Check All")
            while(i<x.length)
            {
                x[i].checked = true;
                i++;
            }

то же самое для отмены выбора.

note : мой JavaScript немного устарел, поэтому это может быть не лучшим способом решения вашей проблемы.

...