Снимите флажок в той же строке сетки кендо при нажатии кнопки

У меня есть сетка кендо с несколькими столбцами.

@(Html.Kendo().Grid<GridViewModel>()
                  .Name("Docgrid")
                  .Columns(columns =>
                  {
                      columns.Bound(c => c.read).Template("<input type='checkbox' #= IsUnread ? checked='checked': '' # class='chkbx' />");
/* some more columns */
                      columns.Command(cmd =>{cmd.Custom("Download").Click("download");});

Когда я нажимаю кнопку «Загрузить», я хочу снять флажок в той же строке сетки.

сейчас мне удалось только снять все флажки

Установить/снять флажок в строке таблицы при нажатии любого флажка в той же строке Я нашел это, но не смог адаптировать его к своим потребностям с помощью кнопки.

 $("#Download").click(function () {
    $("input[type='checkbox']").prop('checked', false);
});

javascript button checkbox kendo-ui kendo-ui-grid
person Lukas    schedule 11.04.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Попробуй это:

$(this).closest("tr").find("input[type='checkbox']").prop('checked', false);

Этот код установит любой флажок в строке button#download. Демо ниже:

$("#download").click(function () {
    $(this).closest("tr").find("input[type='checkbox']").prop('checked', false);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input type="checkbox" checked="checked">
    </td>
    <td>
      <button type="button" id="download">Download"</button>
    </td>
  </tr>
</table>

В демонстрации я использовал обычный стол, но он должен работать и на столе для кендо. Обязательно измените селектор input[type='checkbox'], если вы хотите изменить только один флажок в той же строке.

person DontVoteMeDown    schedule 11.04.2018
comment
работает нормально, тем временем было другое решение, но вы также попробовали и сделали свою работу! Спасибо - person Lukas; 16.04.2018